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

Jameso
New Member
3 0 0

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>?

 

 

0 Likes
Jameso
New Member
3 0 0

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 
0 Likes
Jameso
New Member
3 0 0

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 %}<div class="section--divider">{% endif %}

<div
id="CollectionSection-{{ section.id }}"
data-section-id="{{ section.id }}"
data-section-type="collection-template">
{% if section.settings.title != blank %}
<div class="page-width">
<div class="section-header{% if section.settings.view_all %}{% unless settings.type_headers_align_text %} section-header--with-link{% endunless %}{% endif %}">
<h2 class="section-header__title">
{{ section.settings.title }}
</h2>
{% if section.settings.view_all and section.settings.rows == 1 %}
<a href="{{ collections[section.settings.home_featured_products].url }}" class="btn btn--secondary btn--small section-header__link">{{ 'collections.general.all_of_collection' | t }}</a>
{% endif %}
</div>
</div>
{% endif %}

<div class="page-width {% if section.settings.mobile_scrollable %}page-width--flush-small{% endif %}">
<div {% if section.settings.mobile_scrollable %}class="grid-overflow-wrapper"{% endif %}>
<div class="grid grid--uniform" {% if section.settings.mobile_scrollable %}data-aos="overflow__animation"{% 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 %}

<div class="grid__item">
<div class="grid grid--uniform">
{% for i in (1..product_limit) %}
<div class="grid__item grid-product {{ grid_item_width }}" data-aos="row-of-{{ per_row }}">
<div class="grid-product__content">
<a href="{{ product.url | within: collection }}" class="grid-product__link {% if sold_out %} grid-product__link--disabled{% endif %}">
<div class="grid-product__image-mask">
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
<div class="image-wrap">{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}</div>
</div>
<div class="grid-product__meta">
<div class="grid-product__title">{{ 'home_page.onboarding.product_title' | t }}</div>
<div class="grid-product__price">$29</div>
</div>
</a>
</div>
</div>
{% endfor %}
</div>
</div>

{% 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 %}
<div class="grid__item text-center {% if section.settings.mobile_scrollable %}small--hide{% endif %}">
<a href="{{ collections[section.settings.home_featured_products].url }}" class="btn">{{ 'collections.general.all_of_collection' | t }}</a>
</div>
{% endif %}

{% if section.settings.mobile_scrollable %}
<div class="grid__item grid__item--view-all text-center {{ grid_item_width }} medium-up--hide">
<a href="{{ collections[section.settings.home_featured_products].url }}" class="grid-product__see-all">
{{ 'collections.general.view_all_products_html' | t: count: collection.products_count }}
</a>
</div>
{% endif %}

{% endif %}

{% endif %}
</div>
</div>
</div>
</div>

{% 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 %}</div>{% 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 %}

0 Likes

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.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes