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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us