Why my store is refusing to show more than 1 featured collection?

Technical Q&A
1

I’m trying to add multiple featured collection on my sites like For Men / For Women

However, when I add them shopify only shows 1 featured collection depending on which one of them is the top in the theme, and any other featured collections after the first one don’t show.

Help>?

2

I think the problem is this message popping up

HTML error found

Broken HTML has been detected in your theme’s sections/featured-collection.liqui file. Check that there are no missing or extra HTML tags present.

But im not sure how to fix it

Also is it normal to have 2 featured-collection liquids ? Because I have 2

3

the code is

{%- assign per_row = section.settings.per_row -%}
{%- assign product_limit = per_row | times: section.settings.rows -%}
{%- assign collection = collections[section.settings.home_featured_products] -%}

{% if section.settings.divider %}

{% endif %}

{% if section.settings.title != blank %}

{{ section.settings.title }}

{% if section.settings.view_all and section.settings.rows == 1 %} {{ 'collections.general.all_of_collection' | t }} {% endif %}
{% endif %}
{%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}

{% case per_row %}
{% when 1 %}
{%- assign grid_item_width = ‘’ -%}
{% when 2 %}
{%- assign grid_item_width = ‘medium-up–one-half’ -%}
{% when 3 %}
{%- assign grid_item_width = ‘small–one-half medium-up–one-third’ -%}
{% when 4 %}
{%- assign grid_item_width = ‘small–one-half medium-up–one-quarter’ -%}
{% when 5 %}
{%- assign grid_item_width = ‘small–one-half medium-up–one-fifth’ -%}
{% endcase %}

{% if section.settings.home_featured_products == blank or collections[section.settings.home_featured_products].empty? or collections[section.settings.home_featured_products].products_count == 0 %}

{% unless emptyState %}
{%- assign emptyState = true -%}
{% endunless %}

{% else %}

{% for product in collections[section.settings.home_featured_products].products limit: product_limit %}
{% include ‘product-grid-item’ %}
{% endfor %}

{% if section.settings.view_all %}

{% if section.settings.rows > 1 %}

{% endif %}

{% if section.settings.mobile_scrollable %}

{% endif %}

{% endif %}

{% endif %}

{% if settings.quick_shop_enable %}
{% for product in collections[section.settings.home_featured_products].products limit: product_limit %}
{% include ‘quick-shop-modal’ %}
{% endfor %}
{% endif %}

{% if section.settings.divider %}

{% endif %}

{% schema %}
{
“name”: “Featured collection”,
“class”: “index-section”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Featured collection”
},
{
“type”: “collection”,
“id”: “home_featured_products”,
“label”: “Collection”
},
{
“type”: “range”,
“id”: “per_row”,
“label”: “Products per row”,
“default”: 4,
“min”: 1,
“max”: 5,
“step”: 1
},
{
“type”: “range”,
“id”: “rows”,
“label”: “Rows of products”,
“default”: 1,
“min”: 1,
“max”: 5,
“step”: 1
},
{
“type”: “checkbox”,
“id”: “mobile_scrollable”,
“label”: “Enable swipe on mobile”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “view_all”,
“label”: “Show ‘View all’ link”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “divider”,
“label”: “Show section divider”,
“default”: false
}
],
“presets”: [{
“name”: “Featured collection”,
“category”: “Collection”
}],
“blocks” :
}
{% endschema %}

4

I checked the code and didn’t find anything causing the error, did you select the collections in customize? https://i.imgur.com/RjNJj3f.png

Please send your site and if your site is password protected, please send me the password. I will check it for you.