SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Shoppable Video

Eira

Written by Eira

Last updated

37 views

On this page


Creating compelling product video content is an effective way to showcase your products, highlight their features, and engage potential customers.

In this article, we will explore the steps involved in configuring the Product Video section.

1. Configuration section

1.1. Video options

You can choose to adapt to video or custom height for video and set Number of items displayed per row

shoppable.png

1.2. Slider Settings

You can use the slider options as explained below:

  • Use the prev/next button: You can choose a design (default, outline, or simple) and position (Inside content, or outside content).

  • Prev/next button is rounded full: "Previous" and "Next" buttons are designed with a fully rounded shape for a sleek, modern look and improved usability.

  • Navigation position: The 'Outside content' position does not work when 'Enable section full width'

  • Navigation icon: you can choose Chevron or Arrow icon

  • Use dots: enable dot indicators to show the number of slides and improve navigation.

  • The distance between dots and video items should be optimized for clear navigation while maintaining a visually balanced layout.

  • Enable section full width: make your section 100% of the screen width.

  • Color Scheme: The set of colors used throughout the design or section, determining the overall look and feel

shoppable 2.png

1.3. Section padding

  • Section padding: This option is in all testimonials sections, allowing you to adjust top and bottom padding on desktop and mobile.

shoppable 3.png

2. Section heading

Follow this document

shoppable 4.png

3. Configuration item

You can use video uploaded from device or use YouTube/Vimeo link

Then, select your product.

shoppable 5.png

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.