Product reels
Overview:
The Product Reels section is designed to showcase products from a selected Shopify collection in a visually engaging reel-style layout. It supports featured product reels, trust indicators, ratings, responsive product cards, slideshow functionality, typography customization, color schemes, and spacing controls. This section helps merchants highlight trending products, best sellers, featured categories, or curated shopping experiences in an interactive reel format.
Section Configuration
Collection Settings:
| Setting | Description |
|---|---|
| Collection | Selects the Shopify collection displayed inside the Product Reels section. |
Product Reel Settings
Product Heading Typography:
| Setting | Description |
|---|---|
| Product Heading Size | Controls the size of product headings such as H6, Large, Medium, or Small. |
| Product Heading Weight | Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Product Heading Case | Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Product Heading Tag | Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Product Heading Font Family | Allows switching between Default and Body font family styles. |
| Product Heading Color Style | Applies predefined color styling to product headings. |
Caption & Overlay Settings:
| Setting | Description |
|---|---|
| Caption Background | Controls the overlay background displayed behind product captions. |
| Caption Text Color | Controls text color displayed over product captions. |
Trust & Rating Settings:
| Setting | Description |
|---|---|
| Trust Icon | Uploads a verification or trust badge icon displayed on product cards. |
| Rating Color | Controls star or rating icon color. |
| Rating Background | Controls rating badge background color. |
| Rating Text Color | Controls text color displayed inside the rating badge. |
Product Pricing:
| Setting | Description |
|---|---|
| Show Unit Pricing | Displays product unit pricing when available. |
Grid Settings:
| Setting | Description |
|---|---|
| Desktop Grid Spacing | Adds spacing between product reels on desktop devices. |
| Mobile Grid Spacing | Adds spacing between product reels on mobile devices. |
Slideshow Settings:
| Setting | Description |
|---|---|
| Show Slideshow Arrows | Displays navigation arrows for switching between product reels. |
| Enable Auto Play | Automatically rotates product reels. |
Layout:
| Setting | Description |
|---|---|
| Desktop Reel Height | Controls product reel height on desktop devices. |
| Mobile Reel Height | Controls product reel height on mobile devices. |
| Container Layout | Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width | Controls the maximum width of the section container on desktop devices. |
Color Scheme:
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the Product Reels section background and content. |