Hello,
I would like to ask for your help with a problem I have
I’m asking about the following products layout :
8" Embroidery kits
6" Embroidery kits
4" Embroidery kits
I’ve updated the 8" and 4" product description
After doing that, their layout has completely changed and most are not visible any more
I haven’t changed the 6" description so their layout still looks fine
Info :
Symmetry theme
Thank you,
Itai
sorry but revert your code it HTML break issue
Thank you @KetanKumar
Actually I didn’t change any code
I just copy/pasted new text into the products’ Description
I didn’t do that to the 6" products and that’s why their layout wasn’t harmed
Can you please describe how to fix the HTML break issue ?
@itai2502 yes please first remove your code!
also, check your original theme code
Thank you @KetanKumar 
When you’re saying - “…first remove your code!”
Do you mean copy back the old description text ?
I’ve done that to one of the 8" products but it still not displayed in the shop
Hi @itai2502 ,
Problem solved? Because I checked and the layouts are showing well
@itai2502 yes current
I’m afraid not, the problem has not been resolved yet
As seen in these images the 6" layout looks great, as originally was, while the 8" default layout displays only one product
Any ideas how to fix this issue?
Thank you,
Itai
Thank you KetanKumar for trying to help but I don’t understand what you mean
Hi @itai2502 ,
I checked and you can’t use truncate or truncatewords to trim product description without strip_html, because if you cut it will cause a missing HTML closing tag error and generate layout error.
But when using strip_html, all descriptions will be displayed on one line and this is natural.
Or you can use a note HTML tag to split the description and then use ‘split’ to display it.
Refer https://shopify.github.io/liquid/filters/split/
Hope it is clear to you.
Thank you for your detailed reply @LitExtension !
Can you please give me an example where I used truncate or truncatewords to trim the product description and what should I do to fix it? With your example I will try to edit the description and hopefully fix the layout problem
The website is :
Thanks so much,
Itai
Hi @itai2502 ,
Please send me the code of the product item file, I will guide it for you.
Or if you can’t find the file, you can send me the code of the collection-template.liquid file, I will help you check it
Thank you @LitExtension
I found and attached the following :
liquid files that start with ‘collection’
liquid file that start with ‘product’
Screenshots of the different liquid files I saw
I hope some of them will match the code we are looking for…
Much appreciated !
Hi @itai2502 ,
Please send me the code of snippets > product-list.liquid file. I will guide you in detail
Hi @itai2502 ,
Too many queries, can you send me the code of snippets > product-block.liquid file
Of-course
Attached…
Hi @itai2502 ,
Too many queries, can you send me the code of snippets > product-detail.liquid file
Sure… attached
Hi @itai2502 ,
Please find ‘truncate’ and add code here:
Code:
{{ product.description | strip_html | truncate: 400 }}