How can I modify the product description preview on Vogue theme?

Store Design
1

Hi there,

I’m using this theme: Vogue version 4.6.1

On desktop, when you click on a product, the preview on the left shows the description but all in one paragraph (see attached). Would anyone know how I can control/change the text preview so it’s not the pre-filled one from the description section?

Thanks!!

Screenshot 2022-06-13 at 15.21.54.png
Screenshot 2022-06-13 at 15.21.54.png287×376 8.4 KB

2

Hello @EllaFS

I believe that you have add product description as per the HTML structure with different paragraphs.

Kindly replace below code on product page. Find “product-description-excerpt” class and replace that division code with below code.


{{ product.description | truncate: 300, ". . . " }}
Read more

If you want me to do changes in your theme, then share your product file content, so i can check it and make changes according to the theme syntax.

I hope it’s helpful to you.

3

Hello!

Thanks for this! I can’t seem to find product-description-excerpt in the code file. I only have:

  • product-description-tabs.liquid
  • product-description-tabs-bottom.liquid
  • product-description-tabs-top.liquid

Let me know if any of them work?

4

Hey @EllaFS

It would be helpful if you can share theme files, so i can review the theme code and update you with the exact code file.

Thank you.

1 Like
5

I have private messaged them to you - thanks Sheetal!

6

Thank you @SheetalZadfiya for taking the time to run me through this! Really happy with the result. Would recommend!