The Round collections section allows you to showcase multiple collections in a compact, visually engaging layout using circular collection images. Customers can quickly browse different collection categories and navigate to the collection they are interested in.
Click the section name to see the section settings on the right-hand sidebar.
Customize the overall appearance and behavior of the section.
Reveal on scroll: Show an animation when the section becomes visible while scrolling.
Make section full width: Expand the section to use the full available width.
Only show on mobile: Display this section only on mobile devices.
Color scheme: Select the color scheme applied to the section. You can choose an available color scheme or customize it through Edit scheme.
Choose how collections are added to the section.
From list: Display collections from a selected collection list.
From blocks: Build the collection list manually using individual Collection blocks.
Collections: Select the collections you want to display when Collection source is set to From list.
Note: This setting only applies when the collection source is set to From list.
Customize the introductory content displayed above the collection items.
Caption: Add optional text above the main heading.
Heading: Enter the main heading of the section, such as Collections.
Heading size: Select the display size of the heading.
Heading tag: Choose the HTML heading tag used for the heading, such as h2. This setting may affect SEO.
When Collection source is set to From blocks, click Add Collection to manually add collection items to the section.
Each Collection block represents one collection displayed in the round collection list.
The available options include:
Collection: Select a Shopify collection. When selected, the collection's information can be used as the default content for the block.
Image: Select a custom image for the collection. If no custom image is selected, the collection image is used by default. A 240 × 240 px image is recommended.
Title: Enter the title displayed below the collection image. If left unchanged, it defaults to the selected collection's title.
Link: Set the destination when customers click the collection item. By default, it uses the selected collection's URL.
Badge text: Enter the text you want to overlap the collection image
