This section is designed to highlight specific product collections in a grid or carousel format. You can customize the layout, product card details, and interaction behaviors using the settings below.
1. How do I change the section title and layout? You can customize the header text and its alignment in the Section header area.
Tabs: You can change the Tab style to display as either "Inline" text or "Buttons".
Text: Enter your title in the Heading field and adjust its size using the Heading size dropdown.
Alignment: Toggle Header center to center-align the title, or leave it off for left alignment.
2. How do I control how many products are displayed? You can control the grid density and total count under the Product grid settings.
Total Count: Use the Products to show slider to set the total number of items loaded in the section.
Desktop Columns: Use the Number of columns on desktop slider to determine how many products sit in a single row.
3. Can I make the products scroll instead of stacking? Yes, you can enable carousel sliders for both desktop and mobile.
Desktop: Toggle Enable carousel on desktop to turn the grid into a slider.
Mobile: Toggle Enable carousel on mobile to allow touch-swiping on smaller screens. If disabled, products will stack in a grid.
If Carousel is Enabled: You can adjust the Mobile slide width (e.g., 85%) to show a sneak peek of the next product, encouraging users to swipe.
If Carousel is Disabled: You can choose the Number of columns on mobile to display either 1 column or 2 columns of products side-by-side.
4. How do I ensure all product images look the same size? In the Product card settings, use the Image ratio dropdown.
Selecting a fixed ratio (like Portrait) ensures that all images are cropped or sized uniformly, preventing a messy grid layout.
You can also toggle Show border to add a frame around the cards.
5. How do I ensure all product images look the same size? In the Product card settings, use the Image ratio dropdown.
Selecting a fixed ratio ensures that all images are cropped or sized uniformly, preventing a messy grid layout.
You can also toggle Show border to add a frame around the cards.
6. How can I optimize the product URLs for SEO? There is a specific setting for this in the Theme Settings block within the section.
Enable Remove collection URL to strip the collection path from the product link, which is often preferred for SEO.
You can also select the HTML Heading tag in the Section header settings to maintain proper document structure.
