How can I add the open & close function in product description?

Solved

How can I add the open & close function in product description?

irisbr325
Shopify Partner
9 0 2

Hi!

irisbr325_0-1720583182817.png

My description is too long, and I would like to add the function to open and close.

How can I add the open & close function like this?

irisbr325_1-1720583277518.png

 

Moreover, I would like to add the same function in this part:

irisbr325_2-1720583457205.png

 

So I could also close and open the product description and users won't have to scroll all the way down spamming their phone.

Here is my URL!

https://seapuri.sg/products/shavik-icelandic-glacier-cream-toner?pr_prod_strat=e5_desc&pr_rec_id=fcf...

 

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @irisbr325 

You can add your content into a Collapsible rows block in your Online Store > Themes > Customize > Products > Default product templateScreenshot 2024-07-10 at 11.12.05.png

If those contents are different on your products then you will need to create multiple product template for each product so you can add different content for each product in Collapsible.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
8532 1682 1692

This is an accepted solution.

Hi @irisbr325 

You can add your content into a Collapsible rows block in your Online Store > Themes > Customize > Products > Default product templateScreenshot 2024-07-10 at 11.12.05.png

If those contents are different on your products then you will need to create multiple product template for each product so you can add different content for each product in Collapsible.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

irisbr325
Shopify Partner
9 0 2

Thank you for helping out again!

This method does work but how can I change the design of the Font and the open & close button?

irisbr325_0-1720588842770.png