I the products backend the description is well sorted, on front end all the text is not formatted and without any space. How to solve it please
Hi @lilleBegi
Could you try to put
where you want a break? Please let me know if it helps!
I you feel like my answer is helpful, please mark it as solution. I’ll be right here if you have any question.
I tried it before, same issue
Hi @lilleBegi ,
I checked and it shows on product page as quick overview, not description. So the html tags will be removed and only the text will be displayed.
If you want to display description including HTML, you can find display option at Customize or send me code of product-template.liquid file. I will check and guide you in detail.
Hello Thank you for your help, below the file you requested
{% if section.settings.spd_style == “pd_large_img” %}
{% include ‘product-details-large-image’ %}
{% elsif section.settings.spd_style ==“pd_extended” %}
{% include ‘product-extended’ %}
{% elsif section.settings.spd_style ==“pd_sidebar” %}
{% include ‘product-details-sidebar’ %}
{% elsif section.settings.spd_style ==“pd_sticky” %}
{% include ‘product-details-sticky’ %}
{% elsif section.settings.spd_style ==“pd_sticky_center” %}
{% include ‘product-details-sticky-center’ %}
{% elsif section.settings.spd_style ==“pd_extend_background” %}
{% include ‘product-extended’ %}
{% elsif section.settings.spd_style ==“pd_gallery_basic” %}
{% include ‘product-gallery-basic’ %}
{% elsif section.settings.spd_style ==“pd_gallery_mordern” %}
{% include ‘product-gallery-basic’ %}
{% elsif section.settings.spd_style ==“pd_large_img_center” %}
{% include ‘product-slide-center’ %}
{% elsif section.settings.spd_style ==“pd_slide_gallery” %}
{% include ‘product-slide-gallery’ %}
{% endif %}
{% comment %}
To take advantage of a callback on the select dropdown, add option_selection.js
and customize the JS in timber.productPage as needed.
Currently, timber.productPage does the following:
- Hides your tag for each product option
- Enables/disables elements based on variant availability
Callback notes:
- Keep the callback available to the global scope (window.selectCallback) so that advanced
addons can override it.
- E.g. multiple currencies http://docs.shopify.com/manual/configuration/store-customization/currencies-and-translations/currencies/how-to-toggle-between-two-currencies
{% endcomment %}
{{ ‘option_selection.js’ | shopify_asset_url | script_tag }}
{% schema %}
{
“name”: “Product Detail page”,
“settings”: [
{
“type”: “header”,
“content”: “Layout Style Product Page”
},
{
“type”: “select”,
“id”: “spd_style”,
“label”: “Select”,
“options”: [
{
“value”: “pd_extended”,
“label”: “Product Extended”
},
{
“value”: “pd_extend_background”,
“label”: “Product Extended-Background”
},
{
“value”: “pd_sidebar”,
“label”: “Product Sidebar”
},
{
“value”: “pd_sticky”,
“label”: “Product Sticky”
},
{
“value”: “pd_sticky_center”,
“label”: “Product Sticky Center”
},
{
“value”: “pd_gallery_basic”,
“label”: “Product Gallery Basic”
},
{
“value”: “pd_gallery_mordern”,
“label”: “Product Gallery Modern”
},
{
“value”: “pd_large_img”,
“label”: “Product Large Image”
},
{
“value”: “pd_large_img_center”,
“label”: “Product Slide Center”
},
{
“value”: “pd_slide_gallery”,
“label”: “Product Slide Gallery”
}
],
“default”: “pd_extended”
},
{
“type”: “header”,
“content”: “Product Extended Style”
},
{
“type”: “select”,
“id”: “style_page”,
“label”: “Select Style”,
“options”: [
{
“value”: “left”,
“label”: “Style Thumbnail Left”
},
{
“value”: “right”,
“label”: “Style Thumbnail Right”
},
{
“value”: “bottom”,
“label”: “Style Thumbnail Bottom”
},
{
“value”: “top”,
“label”: “Style Thumbnail Top”
}
],
“default”: “left”
},
{
“type”: “image_picker”,
“id”: “bg_prod_extended”,
“label”: “Background Product Extended”,
“info”: “1920 x 1080px recommended”
},
{
“type”: “header”,
“content”: “Product Sidebar Style”
},
{
“type”: “select”,
“id”: “style_sidebar”,
“label”: “Select Style”,
“options”: [
{
“value”: “left”,
“label”: “Style Sidebar Left”
},
{
“value”: “right”,
“label”: “Style Sidebar Right”
},
{
“value”: “no_sidebar”,
“label”: “Style No Sidebar”
}
],
“default”: “left”
},
{
“type”: “header”,
“content”: “Config”
},
{
“type”: “checkbox”,
“id”: “show_rating”,
“label”: “Show rating star”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_sdes”,
“label”: “Show summary description”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_social_share”,
“label”: “Show social share”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_quantity”,
“label”: “Show quantity box”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_sku”,
“label”: “Show SKU”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_cate”,
“label”: “Show Categories”,
“default”: true
},
{
“type”: “header”,
“content”: “Sticky Add to cart”
},
{
“type”: “checkbox”,
“id”: “ena_sticky_addcart”,
“label”: “Enable?”,
“default”: true
},
{
“type”: “radio”,
“id”: “style_stickyaddcart”,
“label”: “Select Style StickyAddCart on Mobile”,
“options”: [
{
“value”: “top”,
“label”: “Top Under Menu Header”
},
{
“value”: “bottom”,
“label”: “Bottom Upper Menu”
}
],
“default”: “bottom”
},
{
“type”: “header”,
“content”: “Zoom Image”
},
{
“type”: “checkbox”,
“id”: “ena_zoom”,
“label”: “Enable?”,
“default”: true
}
],
“presets”: [
{
“name”: “Product Detail Page”
}
]
}
{% endschema %}
Hi @lilleBegi ,
Go to snippets > product-details-sticky.liquid file, find ‘pd_summary’ and change code:
Code:
{{ product.description }}
Hope it helps!
Where i should add this code?
Hi @lilleBegi ,
Go to snippets > product-details-sticky.liquid file, find ‘pd_summary’ and change code.
Or you can send me the code of the product-details-sticky.liquid file, I will change it for you
Thank you so much