HTML error found

dmanfre
New Member
1 0 0

I am getting this message on my product pages. I don't have any coding background so I don't know how to fix this. I appreciate the help.

dmanfre_0-1618414702589.png

<!-- /sections/related.liquid -->

{% if section.settings.related_products_enable %}
<div class="related__wrapper" data-related-section data-section-id="{{ section.id }}" data-product-id="{{ product.id }}" data-limit="{{ section.settings.limit }}" data-section-type="related">
{% if recommendations.performed %}
{%- if recommendations.products_count > 0 -%}
<div class="product__related index-collection">
<div class="wrapper">
<div class="index-collection__background"></div>
<div class="index-collection__foreground">
<h2 class="h2--body">{{ section.settings.product_recommendations_heading }}</h2>
<div class="grid grid--uniform related__inner">
{% case recommendations.products_count %}
{% when 1 %}
{% assign grid_width_large = 'large-up--one-third large-up--push-one-third' %}
{% assign grid_width_medium = 'medium--one-third push--medium--one-third' %}
{% when 2 %}
{% assign grid_width_large = 'large-up--one-half' %}
{% assign grid_width_medium = 'medium--one-half' %}
{% when 3 %}
{% assign grid_width_large = 'large-up--one-third' %}
{% assign grid_width_medium = 'medium--one-third' %}
{% when 4 %}
{% assign grid_width_large = 'large-up--one-quarter' %}
{% assign grid_width_medium = 'medium--one-half' %}
{% assign grid_width_small = 'small--one-half' %}
{% when 5 %}
{% assign grid_width_large = 'large-up--one-fifth' %}
{% assign grid_width_medium = 'medium--one-third' %}
{% assign grid_width_small = 'small--one-half' %}
{% when 6 %}
{% assign grid_width_large = 'large-up--one-sixth' %}
{% assign grid_width_medium = 'medium--one-third' %}
{% assign grid_width_small = 'small--one-half' %}
{% else %}
{% assign grid_width_large = 'large-up--one-quarter' %}
{% assign grid_width_medium = 'medium--one-third' %}
{% assign grid_width_small = 'small--one-half' %}
{% endcase %}
{%- for product in recommendations.products -%}
{% include 'product-grid-item' %}
{%- endfor -%}
</div>
</div>
</div>
</div>
{%- endif -%}
{% else %}
<div class="related__placeholder"></div>
{% endif %}
</div>
{% endif %}

{% schema %}
{
"name": "Product recommendations",
"settings": [
{
"type": "checkbox",
"id": "related_products_enable",
"label": "Show related products",
"info": "Dynamic recommendations change and improve with time. [Learn more](https://help.shopify.com/en/themes/development/recommended-products)",
"default": true
},
{
"type": "range",
"id": "limit",
"min": 1,
"max": 6,
"step": 1,
"label": "Product limit",
"default": 4
},
{
"type": "text",
"id": "product_recommendations_heading",
"label": "Heading",
"default": "Related products"
}
]
}
{% endschema %}

0 Likes