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
11 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
11387 2233 2407

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

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
11387 2233 2407

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

- Found this helpful? Hit "Like" and "Accept as Solution"! Support me: Donate!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

irisbr325
Shopify Partner
11 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