Multiple Collections display divided by groups

[fbx20541606]

Hello! I'm trying to display my collections like this: 

So the goal is to have one shop page with all products listed, but divided by groups (sections?) with collection titles.

I was trying to use:

{%- for product in collection.products -%}
{%- if collection.title== "rings" -%}

in my default collection template and also in separate collection, which is maybe completely wrong?

Otherwise with {%- for product in collection.products -%} products display correctly, they are just all mixed up. Hope somebody can help me with that, thank you in advance.

[KetanKumar]

@fbx20541606 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[fbx20541606]

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

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

password: dampai