Drop Down 'More Information' Text

Solved
curiousnjc
Tourist
4 0 1

Hello,

I would like to have the +/- drop down more information css/html code, I tried looking it up on Google but didn't know what this was called. I know that I can enter this code in the product description but what's the code?

 

Example 1:

Screenshot (2)_LI.jpg 

THIS ↑ TURNED INTO THIS ↓ 

Screenshot (17)_LI.jpg

EXAMPLE 2:

Screenshot (19)_LI.jpg

↑ THIS TURNED INTO THESE ↓ 

Screenshot (20)_LI.jpg Screenshot (21)_LI.jpg

 

Thank you!

0 Likes
Speedimize
Shopify Partner
289 46 122

This is an accepted solution.

Hi @curiousnjc 

Welcome to Shopify Community. 

Aibek is here from Speedimize.io 

What you're searching for is "collapse", you can take a look here: https://www.w3schools.com/howto/howto_js_collapsible.asp 

If you click on "Try it yourself" you can see how it works and which code to apply. 

Hope that helps you. 

 

 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
curiousnjc
Tourist
4 0 1

Thank you @Speedimize for your timely response!

I chose the animated collapsible with the icons. This code only goes into the product description section, correct?

0 Likes
Speedimize
Shopify Partner
289 46 122

Hey @curiousnjc 

Thanks for getting back to me so quickly. 

This code can be inserted anywhere. It will work everywhere.

Customize as you like. In your case, it will be necessary to slightly customize your theme. For example, change the color.

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
curiousnjc
Tourist
4 0 1

@Speedimize Great, I will do that. Thank you for your help. I will mark this as solved.