Shopify themes, liquid, logos, and UX
I want on my product to have a button under de buy button to go to the collapsible content that have the specifications, some people say me the code but idk how to do it or how to create a button with a specific code:
alpha-titan.com
Hi @Ddsdssds
Yes, it possible. But you will JavaScript to open the collapsible to show content for you. Which collapsible do you want the button to scroll?
NOTE: You will need the product link and ID of the collapsible to make this work.
<a class="button" href="LINK_OF_THE_PRODUCT#ID_OF_THE_COLLAPSIBLE>Go to collapsible</a>
Sample code with the said link
<a class="button" href="https://theme-bella1.myshopify.com/products/leather-anchor#Details-315eca6e-9238-4fa7-a1a0-d2fefa290927-template--15853354451044__main">Go to collapsible</a>
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
How do i see the id of the collapsible content
You have to use the inspect tool. Go to your website, and right click the collapsible. This will open the inspect tool window. Find the <details> tag and double-click to highlight the ID and copy
What if I have more than one button? I have a collection list, two buttons, I want one of the buttons to redirect and scroll to a specific content on another page, how do I specify the button that should be redirecting this way?
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025