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

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



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



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



Below is the code for description block



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)

Shopify Partner
36845 3636 11978


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 regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
2 0 1


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.