Product reels
Overview:
The Product Reels section features a split layout with an autoplay video banner on one side and a horizontally scrollable product slider on the other. It is ideal for showcasing promotional content alongside featured products.
Section Configuration:
Banner Content
Setting |
Description |
| Cover Image |
Image used as the placeholder before the video plays. |
| Video |
Video file that plays automatically within the banner. |
| Heading |
Text heading overlaying the banner video. |
| Heading Size |
Controls the size of the heading text. Options: H1–H4. |
| Heading Weight |
Controls the weight (boldness) of the heading text. |
| Description |
Rich text area for additional message below the heading. |
| Description Size |
Sets the size of the description text. Options: H6–H3. |
| Description Weight |
Sets the font weight of the description text. |
| Banner Color Scheme |
Defines the visual style of the video banner background and text. |
Layout & Appearance
Setting |
Description |
| Card Media Height |
Sets the height of the product cards in the slider. Options: Small, Medium. |
| Container Layout |
Defines the layout width of the section. Options: Page Width, Contained Content, Container Fluid. |
| Corner Radius |
Applies corner rounding to the section's edges. Options: None, Top, Bottom, Both. |
| Text Alignment (Desktop) |
Aligns banner text on larger screens. |
| Text Alignment (Mobile) |
Aligns banner text on mobile screens. |
| Section Color Scheme |
Sets the overall color scheme for the section background and text. |
Slideshow Controls
Setting |
Description |
| Autoplay |
Automatically cycles through product cards in the slider. |
| Show Pagination |
Displays pagination indicators below the product slider. |
| Change Slides Every |
Duration between slide transitions when autoplay is enabled (in seconds). |
Spacing
Setting |
Description |
| Top Padding |
Adds vertical spacing above the section. Measured in pixels. |
| Bottom Padding |
Adds vertical spacing below the section. Measured in pixels. |
Blocks Configuration:
Block Type: Product
Each block adds a product with optional media to the slider.
Setting |
Description |
| Product |
Selects a Shopify product to display in the slider. |
| Cover Image |
Optional image displayed before video playback (overrides product image). |
| Video |
Optional short video clip for the product card. |