How to make HTML block have expand/collapse ability (using Streamline theme by Archetype)

gerardofelix
New Member
2 0 1

I am currently trying to figure out a way of having HTML blocks have a expand/collapse capability similar to how description block (as well as other blocks). I've messed around with the main-product.liquid code and haven't been successful.

 

I am using Streamline by Archetype version 6.01

 

The reason why I'd like to use the HTML block is because I'd like to display certain product info depending a condition set by a product metafield.

 

Image below shows current state... notice how there's no triangle to collapse the info

gerardofelix_0-1664308712455.png

 

Image below shows the description block, showing the triangle to allow user to collapse

gerardofelix_1-1664308737208.png

 

Below is the code for HTML block located under main-product.liquid

gerardofelix_2-1664309029743.png

 

Below is the code for description block

gerardofelix_3-1664309100822.png

 

I am a novice coder when it comes to liquid, so I think I'm having issues understanding where exactly the liquid code is stored that handles this type of functionality because it seems to me like it would be located on a different file that is not main-product.liquid

 

Any help would be greatly appreciated!

Replies 2 (2)
KetanKumar
Shopify Partner
36584 3628 11811

@gerardofelix 

can please send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gerardofelix
New Member
2 0 1

https://ravewithmigente.com/

 

The feature I'm working on is on a theme that isn't live yet. Let me know if there's anything else I can share that would help.