Theme Section - Collection Circles

The Collection Circles section offers a visually striking way to display your collections in a circular layout. Ideal for guiding shoppers through your categories, especially on mobile devices, this section combines style and function to enhance the browsing experience.

✨ Key Benefits

• 🧭 Sleek Circular Design

  Showcase your collections in an eye-catching, modern format.

• 📱 Mobile-Optimized Layout

  Designed with mobile-first users in mind, perfect for seamless on-the-go navigation.

• 🎨 Fully Customizable

  Adjust styles, colors, spacing, hover effects, and more to match your brand identity.

🛠️ Best Use Cases

• ✅ Highlight featured product categories
• ✅ Promote seasonal or themed collections
• ✅ Create a stylish homepage category menu
• ✅ Encourage deeper exploration of your catalog

Installing the Collection Circles theme section to your Shopify theme

Before going to the Shopify Theme Editor to insert this theme section, you would first need to install it from the Theme Sections & AI Pages app.

For a complete list of instructions, you may refer to this article: Getting Started with Theme Sections and AI Pages app

Once you have successfully installed the theme section, you can now go to the Shopify Theme Editor and insert it by clicking Add section > 🩷 Theme Sections & AI Pages: Collection Circles :

(It will contain empty collections at first, as you will select the collections afterward)

Adding the desired collections to the Collection Circles Theme Section

For the Collection Circles theme section to work effectively, you must select the collections that you would like to showcase in the section.

This can be done by selecting a Collection block in the left sidebar (part of that theme section) and choosing its corresponding collection on the right sidebar.

Once you have selected your desired collection, press the Select button at the bottom right.

Customizing the Collection Circles Theme Section

Customizing this theme section is easy, as all its appropriate settings are already found inside the theme editor. You just need to click its main element of the theme section (on the left sidebar), and its customizable settings will appear on the right sidebar.

Removing a Theme Section

Removing an unwanted theme section is as easy as clicking the Remove section button after selecting a theme section:

💡 Pro Tips

• Use high-quality images with simple backgrounds for best results.
• Keep collection titles short and clear for better visibility.
• Group related collections to encourage customer discovery.

Make your collection navigation both beautiful and functional with the Collection Circles section — perfect for engaging modern shoppers.