Multiple Collections display divided by groups

Topic summary

Goal: Create a single shop page showing all products grouped by their collections, with each group labeled by its collection title (as illustrated in a provided screenshot).

Approach tried: Using Shopify Liquid in a collection template:

  • Looping with {% for product in collection.products %} displays products but not grouped.
  • Adding a conditional if collection.title == "rings" inside the same context did not achieve grouping; items remain mixed.

Context: Liquid is Shopify’s templating language; “collection” refers to a product grouping. The shared screenshot is central to understanding the desired grouped layout.

Latest updates:

  • A community member requested the store URL to diagnose and propose a solution.
  • The store URL and password were provided for review.

Outcome/next steps:

  • Awaiting the helper’s review and a concrete implementation (likely involving iterating over multiple collections and rendering each with its title).

Status: Open; no finalized solution or code provided yet.

Summarized with AI on February 10. AI used: gpt-5.

Hi, thank you! :slightly_smiling_face: here is the information on my store:

https://violette-05c7.myshopify.com/

password: dampai