How can I hide empty product collections on my webpage?

Store Design
, , , ,
1

3DCACCFC-3C25-4016-936C-651BB0F42171.jpeg
3DCACCFC-3C25-4016-936C-651BB0F42171.jpeg1170×2532 140 KB

Hi,

on my collection pages I want to hide collections that have no products. is there a code I can implement? Because I have alot of suppliers so I don’t want to hide it in the actually shopify collections in case I do get that brand.
https://luxurymrkt.com/collections?page=5

thank you

1 Like
2

What code?

3

Hello @Luxurymrkt

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find sections > main-list-collections.liquid and search collection-list class.

Remove this code.


{%- for collection in collections -%}
{% if collection.products_count > 0 %}
- {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 3 %}

{% endif %}
{%- endfor -%}

Than add this code.


{%- for collection in collections -%}
{% if collection.products_count > 0 %}
- {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 3 %}

{% endif %}
{%- endfor -%}
4

I would like to do the exact same thing in the Supply theme. Are you able to help?

https://bluxeboutique.ca/collections

5

Those code blocks are the same :-1:

6

Here’s another thread that describes how to hide Collection blocks with no Collection. Maybe this will work for you: Re: Dawn theme - Hide collection list on collection page if empty - Shopify Community