Related collections

Section

Suggest collections related to the current collection page.

Available block

Used to add a promotion (that has image and text inside) to the section.

🤔 How to add related collections manually for each collection page?

If you want to manage related collections for a specific collection or the entire collection of your store, set up metafields following the instructions below:

STEP 1: Add the section

In the collection page, add a Related collections section.

STEP 2: Create a Collection Metafield

• Go to "Shopify Admin" > "Settings" > "Metafields and metaobjects".
• From the "Metafield definitions" table, select "Collections".
• Click on the "Add definition" button.
• Set Key: related_collections.
• Choose Type: Collection (List of collections).
• Save the metafield definition.

STEP 3: Assign Collections to the Metafield

• Go to Collections > select the collection where you want to show related collections.
• In the collection editor, find the metafield related_collections.
• Select the collections you want to display in the Related Collections section.
• Save your changes.

STEP 4: Customize the section look

Once the section is added, you can adjust its appearance to match your store style:

Heading: Add a title for the section (default: Related collections).

Collection Card Settings:

• Image style: Choose between Natural, Square (1:1), Rectangle (2:3), Landscape (4:3), Standard (3:4), Round.
• Enable text overlay: Toggle ON/OFF to place text over the image.
• Overlay opacity: Adjust transparency of text background (0%–100%).
• Show item count: Toggle ON/OFF to display the number of products in each collection.

STEP 5:

Click "Save" when done.

🤔 How to enable Carousel for Related Collections?

Want to showcase Related Collections in a dynamic carousel? Follow these steps:

STEP 1: Open the settings panel

Click on the Related Collections section to expand its settings.

STEP 2:

Scroll down to the Carousel setting group, and:

• 🖥️ For desktop: Turn on the Enable carousel on desktop setting.
• 📱 For mobile: Turn on the Enable swipe on mobile to allow users to swipe through posts.

STEP 3:

Click "Save" when done.

🤔 How to add Promotion blocks to Related collections?

The promotion block allows you to highlight special offers, flash sales, or important announcements within the related collections section. You can customize the icon, heading, text, and background to match your store's aesthetic. Here's how:

STEP 1: Add Promotion block

Under the Related Collections section, add the Promotion block block.

STEP 2: Set up Icon setting group:

• Rearrange Promotion Block position (1 to 13, 1 indicates the first position).
• Choose the Icon from the drop-down list, or choose None if you don't want any (default: Authentic).
• Select or upload Custom icon image, or enter an SVG code if you want to use a different icon from the list. This action will disable your picked Icon above.
• Adjust Icon size.
• Add a Heading and Content to the section.

STEP 3: Customize the whole block look

After setting up each Icon group, you can:

• Adjust the Icon size.
• Adjust the Heading size, Text size, Alignment, and Content position.
• Add Background image, Mobile image, or Video. Remember to adjust Image overlay opacity for better contrast and readability.

STEP 4:

Click "Save" when done.

🤔 What customization options can you give your Related Collections?