HELP HTML ERROR HOMEPAGE MESSED UP

Highlighted
New Member
1 0 0
HTML error found

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

If you haven’t made changes to this code, contact support for help resolving the issue.

{%- 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