Re: html error please help me to fix on my product page.

sumanbhat · ‎10-26-2021

HTML error found

Broken HTML has been detected in your theme's sections/product-template.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.

please help me to make this thing run smoothly. Screenshot (396).png

dmwwebartisan · ‎10-27-2021

@sumanbhat

Please share your store URL & sections/product-template.liquid file code

Thanks!

If helpful then please Like and Accept Solution | Email: [email protected] | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

sumanbhat · ‎10-27-2021

@dmwwebartisan www.malmaal.myshopify.com

{% comment %}

The contents of the product.liquid template can be found in /snippets/product-template.liquid

{% endcomment %}

{% include 'product-template' %}

</div>

{% unless product.empty == empty %}

</script>

{% endunless %}

{% schema %}

{

"name": "Product pages",

"class": "product-section",

"settings": [

{

"type": "header",

"content": "Product photos"

},

{

"type": "select",

"id": "image_layout",

"label": "Image display",

"default": "stacked",

"options": [

{

"value": "stacked",

"label": "Stacked"

},

{

"value": "thumbnail",

"label": "Thumbnail"

}

]

},

{

"type": "select",

"id": "product_photo_alignement",

"label": "Image alignement",

"default": "left",

"options": [

{

"value": "left",

"label": "Left"

},

{

"value": "right",

"label": "Right"

}

]

},

{

"type": "checkbox",

"id": "enable_zoom",

"label": "Enable image zoom",

"default": true

},

{

"type": "header",

"content": "Product details"

},

{

"type": "checkbox",

"id": "product_vendor",

"label": "Show vendor",

"default": false

},

{

"type": "checkbox",

"id": "product_title_size",

"label": "Big product tite",

"default": false

},

{

"type": "select",

"id": "product_header_alignement",

"label": "Alignement",

"default": "",

"options": [

{

"value": "",

"label": "Left"

},

{

"value": "text-center",

"label": "Center"

}

]

},

{

"type": "select",

"id": "product_selector",

"label": "Variant picker type",

"options": [

{

"value": "radio",

"label": "Button"

},

{

"value": "select",

"label": "Dropdown"

}

]

},

{

"type": "checkbox",

"id": "quantity_enabled",

"label": "Show quantity picker"

},

{

"type": "checkbox",

"id": "button_cart_icon",

"label": "Show button icon",

"default": true

},

{

"type": "checkbox",

"id": "enable_payment_button",

"label": "Show dynamic checkout button",

"info": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",

"default": false

},

{

"type": "checkbox",

"id": "show_description",

"label": "Show description",

"default": true

},

{

"type": "checkbox",

"id": "social_sharing_products",

"label": "Enable product sharing",

"default": true

},

{

"type": "checkbox",

"id": "show_product_tags",

"label": "Show product tags",

"default": true

}

,

{

"type": "header",

"content": "Product tabs"

},

{

"type": "checkbox",

"id": "dbtfy_product_tabs_first",

"label": "Open first tab",

"default": true

}

],

"blocks" : [

{

"type": "description",

"name": "Description",

"limit": 1,

"settings": [

{

"type": "text",

"id": "dbtfy_product_tabs_icon",

"label": "Icon",

"default": "list",

"info": "Enter the name of any free solid icons on [FontAwesome](https:\/\/fontawesome.com\/icons?d=gallery&s=solid&m=free)"

},

{

"type": "text",

"id": "dbtfy_product_tabs_title",

"label": "Title",

"default": "Details",

"info": "To hide the default description, uncheck the \"Show description\" box above."

}

]

},

{

"type": "reviews",

"name": "Reviews",

"limit": 1,

"settings": [

{

"type": "checkbox",

"id": "dbtfy_product_tabs_review",

"label": "Show star ratings",

"default": true

},

{

"type": "text",

"id": "dbtfy_product_tabs_icon",

"label": "Icon",

"default": "thumbs-up",

"info": "Enter the name of any free solid icons on [FontAwesome](https:\/\/fontawesome.com\/icons?d=gallery&s=solid&m=free)"

},

{

"type": "text",

"id": "dbtfy_product_tabs_title",

"label": "Title",

"default": "Reviews",

"info": "To show your review widget in product tabs, go in \"Review app\" > \"Review widget\" and select the \"In product tabs\" position"

}

]

},

{

"type": "text",

"name": "Text/Image/HTML",

"settings": [

{

"type": "select",

"id": "text_alignment",

"label": "Text alignment",

"default": "text-center",

"options": [

{

"value": "",

"label": "Left"

},

{

"value": "text-center",

"label": "Center"

},

{

"value": "text-right",

"label": "Right"

}

]

},

{

"type": "text",

"id": "dbtfy_product_tabs_icon",

"label": "Icon",

"info": "Enter the name of any free solid icons on [FontAwesome](https:\/\/fontawesome.com\/icons?d=gallery&s=solid&m=free)"

},

{

"type": "text",

"id": "dbtfy_product_tabs_title",

"label": "Title",

"default": "Rich text"

},

{

"type": "richtext",

"id": "dbtfy_product_tabs_text",

"label": "Text"

},

{

"type": "image_picker",

"id": "dbtfy_product_tabs_image",

"label": "Image"

},

{

"type": "html",

"id": "dbtfy_product_tabs_html",

"label": "HTML"

},

{

"type": "header",

"content": "Visibility settings"

},

{

"type": "text",

"id": "dbtfy_product_tabs_type",

"label": "Product type",

"info": "Comma-separated"

},

{

"type": "text",

"id": "dbtfy_product_tabs_tag",

"label": "Product tag",

"info": "Comma-separated"

},

{

"type": "product",

"id": "dbtfy_product_tabs_product",

"label": "Product"

},

{

"type": "collection",

"id": "dbtfy_product_tabs_collection",

"label": "Collection"

}

]

}

] } {% endschema %}

{% if product.metafields.loox.num_reviews %}

{

"@context": "http://schema.org",

"@type": "Product",

"@id": {{ canonical_url | json }},

"aggregateRating": {

"@type": "AggregateRating",

"ratingValue": "{{ product.metafields.loox.avg_rating }}",

"reviewCount": "{{ product.metafields.loox.num_reviews }}"

},

"name": {{ product.title | json }}

}

</script>

{% endif %}

dmwwebartisan · ‎10-27-2021

@sumanbhat

Please share snippets/product-template.liquid file code .

If helpful then please Like and Accept Solution | Email: [email protected] | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

sumanbhat · ‎10-27-2021

@dmwwebartisan

{% assign current_variant = product.selected_or_first_available_variant %}

{% assign featured_image = current_variant.featured_image | default: product.featured_image %}

{% assign on_sale = false %}

{% if current_variant.compare_at_price > current_variant.price %}

{% assign on_sale = true %}

{% endif %}

{% assign sold_out = true %}

{% if current_variant.available %}

{% assign sold_out = false %}

{% endif %}

{% capture variantStatus %}

{% if sold_out == true %}

variant-soldout

{% else %}

variant-available

{% endif %}

{% endcapture %}

{%- assign enable_zoom = section.settings.enable_zoom -%}

{%- assign product_image_zoom_size = '1024x1024' -%}

{%- assign product_image_scale = '2' -%}

{% capture product_header_layout %}

{% if section.settings.product_vendor %}

<p class="product-single__vendor vendor" itemprop="brand">{{ product.vendor }}</p>

{% endif %}

{% if settings.review_badge == 'review_badge_above' %}

{% include 'review-badge', badge_template: 'product' %}

{% endif %}

{% if template != "product" %}

{% endif %}

{% unless section_onboarding %}

{% else %}

{% endunless %}

{% if template != "product" %}

</a>

{% endif %}

</h1>

{% if settings.review_badge == 'review_badge_under' %}

{% include 'review-badge', badge_template: 'product' %}

{% endif %}

{% endcapture %}

<div class="product-photos grid__item medium--six-twelfths large--seven-twelfths

{% if section.settings.image_layout == "stacked" %}layout-stacked

{% elsif section.settings.image_layout == "thumbnail" %}layout-thumbnail {% endif %}

mobile-image-{{ section.settings.mobile_image }}">

</div>

<div class="product-single__photos slick-format slick-format-sm

{% if section.settings.image_layout == "stacked" %}product-stacked__photos

{% elsif section.settings.image_layout == "thumbnail" %}product-thumbnail__photos{% endif %}">

{% if section_onboarding %}

{% else %}

{% capture img_id_class %}product-single__photo-{{ featured_image.id }}{% endcapture %}

{% capture zoom_img_id %}FeaturedImageZoom-{{ featured_image.id }}-{{ image.id }}{% endcapture %}

{% capture wrapper_id %}ProductImageWrapper-{{ featured_image.id }}{% endcapture %}

{% comment %}

Display current variant image

{% endcomment %}

<div id="{{ zoom_img_id }}"

class="product-single__photo-wrapper image-wrapper {% if enable_zoom %} js-zoom-enabled{% endif %}"

{% if enable_zoom %} data-zoom="{{ featured_image | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}

style="padding-top:{{ 1 | divided_by: featured_image.aspect_ratio | times: 100}}%;"

data-image-id="{{ featured_image.id }}">

{% assign img_url = featured_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}

<img class="product-single__photo image lazyload {{ img_id_class }}"

src="{{ featured_image | img_url: '300x300' }}"

data-src="{{ img_url }}"

data-widths="[180, 360, 590, 720, 900, 1080, 1296, 1512, 1728, 2048]"

data-aspectratio="{{ featured_image.aspect_ratio }}"

data-sizes="auto"

data-image-id="{{ featured_image.id }}"

alt="{{ featured_image.alt | escape }}">

<img class="product-single__photo"

src="{{ featured_image | img_url: 'master' }}"

alt="{{ featured_image.alt | escape }}" data-image-id="{{ featured_image.id }}">

</noscript>

</div>

{% endif %}

{% comment %}

Display variant image

{% endcomment %}

{% for image in product.images %}

{% unless image contains featured_image %}

{% capture img_id_class %}product-single__photo-{{ image.id }}{% endcapture %}

{% capture zoom_img_id %}FeaturedImageZoom-{{ section.id }}-{{ image.id }}{% endcapture %}

{% capture wrapper_id %}ProductImageWrapper-{{ image.id }}{% endcapture %}

<div id="{{ zoom_img_id }}"

class="product-single__photo-wrapper image-wrapper {% if enable_zoom %} js-zoom-enabled{% endif %}"

{% if enable_zoom %} data-zoom="{{ image | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}

style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;"

data-image-id="{{ image.id }}">

{% assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}

<img class="product-single__photo image lazyload {{ img_id_class }}"

src="{{ image | img_url: '300x' }}"

data-src="{{ img_url }}"

data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"

data-aspectratio="{{ image.aspect_ratio }}"

data-sizes="auto"

data-image-id="{{ image.id }}"

alt="{{ image.alt | escape }}">

<img class="product-single__photo" src="{{ image.src | img_url: 'master' }}"

alt="{{ image.alt | escape }}"

data-image-id="{{ image.id }}">

</noscript>

</div>

{% endunless %}

{% endfor %}

</div>

{% include "dbtfy-wish-list", type:"button" %}{% if product.images.size > 1 %}

</a>

</div>

{% for image in product.images %}

{% unless image contains featured_image %}

</a>

</div>

{% endunless %}

{% endfor %}

</div>

{% endif %}

{% include "dbtfy-product-video" %}</div>

</div>

{% if section_onboarding %}

<span id="ProductPrice"

class="product-single__price"

itemprop="price"

content="{{ price | divided_by: 100.00 }}">

</span>

{% else %}

{% if on_sale %}

<span id="PriceA11y" class="visually-hidden" {% if sold_out %}aria-hidden="true"{% endif %}>{{ 'products.general.regular_price' | t }}</span>

</span>

<span id="ComparePriceA11y" class="visually-hidden" aria-hidden="false">{{ 'products.general.sale_price' | t }}</span>

{% else %}

<span id="PriceA11y" class="visually-hidden" {% if sold_out %}aria-hidden="true"{% endif %}>{{ 'products.general.regular_price' | t }}</span>

</span>

<span id="ComparePriceA11y" class="visually-hidden" aria-hidden="true">{{ 'products.general.sale_price' | t }}</span>

{% endif %}

<span id="ProductPrice"

class="product-single__price{% if on_sale %} on-sale{% endif %}"

itemprop="price"

content="{{ current_variant.price | divided_by: 100.00 }}"

{% unless current_variant.available %}aria-hidden="true"{% endunless %}>

</span>

{% include "dbtfy-discount-saved" %}

{% endif %}

{% if settings.position_currency_converter == "product" %}{% include "currency-selector" %}{% endif %}

</div>

{% include "dbtfy-inventory-quantity" %}{% include "dbtfy-live-view" %}{% include "dbtfy-delivery-time" %}<meta itemprop="priceCurrency" content="{{ shop.currency }}">

{% if section_onboarding %}

</span>

</button>

</div>

{% else %}

{% capture "form_classes" %}

product-single__form{% if product.has_only_default_variant %} product-single__form--no-variants{% endif %}

{%- endcapture %}

{% capture "form_id" %}AddToCartForm--{{ section.id }}{%- endcapture %}

{% include "dbtfy-color-swatches" %}{% form 'product', product, class:form_classes, id:form_id %}

{% unless product.has_only_default_variant %}

{% for option in product.options_with_values %}

<label class="single-option-radio__label{% if option.name == 'Default' or option.name == 'Title' %} hidden-label{% endif %}"

for="ProductSelect--{{ section.id }}-option-{{ forloop.index0 }}">

</label>

{% if section.settings.product_selector == 'radio' %}

<fieldset class="single-option-radio"

name="{{ option.name | handleize }}"

id="ProductSelect--{{ section.id }}-option-{{ forloop.index0 }}">

{% assign option_index = forloop.index %}

{% for value in option.values %}

{% assign variant_label_state = true %}

{% if product.options.size == 1 %}

{% unless product.variants[forloop.index0].available %}

{% assign variant_label_state = false %}

{% endunless %}

{% endif %}

<input type="radio"

{% if option.selected_value == value %} checked="checked"{% endif %}

{% unless variant_label_state %} disabled="disabled"{% endunless %}

value="{{ value | escape }}"

data-index="option{{ option_index }}"

name="{{ option.name | handleize }}"

class="single-option-selector__radio{% unless variant_label_state %} disabled{% endunless %}"

id="ProductSelect--{{ section.id }}-option-{{ option.name | handleize }}-{{ value | escape }}">

<label for="ProductSelect--{{ section.id }}-option-{{ option.name | handleize }}-{{ value | escape }}"class="btn btn--small {% unless variant_label_state %} disabled{% endunless %}">{{ value | escape }}</label>

{% endfor %}

</fieldset>

{% else %}

{% for value in option.values %}

<option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value | escape }}</option>

{% endfor %}

</select>

{% endif %}

</div>

{% endfor %}

</div>

{% endunless %}

{% for variant in product.variants %}

{% if variant.available %}

<option {% if variant == product.selected_or_first_available_variant %}

selected="selected" {% endif %}

data-sku="{{ variant.sku }}"

value="{{ variant.id }}">

{{ variant.title }} - {{ variant.price | money_with_currency }}

</option>

{% else %}

{{ variant.title }} - {{ 'products.product.sold_out' | t }}

</option>

{% endif %}

{% endfor %}

</select>

{% if section.settings.quantity_enabled %}

<label for="Quantity" class="product-single__quantity-label">{{ 'products.product.quantity' | t }}</label>

{% include 'quantity-selector', type:'product' %}

</div>

{% endif %}

<button type="submit" name="add" id="AddToCart--{{ section.id }}"

class="btn btn--buy btn--add-to-cart"

{% unless current_variant.available %} disabled="disabled"{% endunless %}>

{% if section.settings.button_cart_icon %}

{% endif %}

{% if current_variant.available %}

{% else %}

{% endif %}

</span>

</button>

{% if section.settings.enable_payment_button %}

{% endif %}

</div>

{% endform %}

{% endif %}

</div>

{% include "dbtfy-sales-countdown" %}{% include "dbtfy-trust-badge", position: "product" %}{% unless product.description == blank or section.settings.show_description == false %}

</div>

{% endunless %}

{%- if content_for_header contains "debutify" -%} {% include "dbtfy-product-tabs" %} {%- endif -%} {% if section.settings.social_sharing_products %}

{% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}

{% endif %}

{% if section.settings.show_product_tags %}

{% for tag in product.tags %}

{% if forloop.first %}

<span>{{ 'blogs.article.tags' | t }}: </span>

{% endif %}

{% if forloop.last %}

</div>

{% endif %}

{% endfor %}

{% endif %}

{% if template != "product" %}

<hr>

{{ 'products.product.full_details' | t }} <span class="fas fa-arrow-right" aria-hidden="true"></span>

</a>

{% endif %}

</div>

{% include "dbtfy-sticky-addtocart" %}</div>

</div>

</div>

</div>

</div>{% include "dbtfy-linked-options" %}

$(document).ready(function(){

});

</script>

sumanbhat · ‎10-27-2021

@dmwwebartisan messaged you. please check thank you

sumanbhat · ‎10-27-2021

@dmwwebartisan send you the request. please check.thank you

Re: html error please help me to fix on my product page.

html error please help me to fix on my product page.

Community Blog Articles