Hello, I am looking to implement a horizontal product accordion on my product with 3 stacked tabs under the add to cart button. Here is the link to reference the product page that I am talking about https://societys20.com/products/boba-plushie?_pos=1&_psq=boba&_ss=e&_v=1.0 to access the page, use the password: 7777
If someone could share a customization code, I would deeply appreciate it!
Here is a stripped down basic code I use on my website. The one I use is heavily modified but this is the basic code I started with…
PRODUCT DESCRIPTION TEXT HERE
Collapsible text goes here
Collapsible text goes here
Collapsible text goes here
This would go on every product page in the description area for each product you wanted to have it show.
Simply open your product page from your admin. Products>All products>product you want collapsible menu and past this code in the description area in HTML view by clicking the </> above your description area on the right… (it will not work if you paste it in the normal editor.
From the HTML view you can edit the settings between the markups to make the menu look like you it want.
To add content in the collapsible areas, enter your text in the part that says Collapsible text goes here. You will have to add it from the HTML view in your product description area. The collapsible menu doesn’t work from with the normal editor so you won’t be able to edit the text in the normal editor. Repeat for each of the other collapsible menus by adding your text in them.
The next part can be done in HTML view or from the normal editor:
To add your product description replace PRODUCT DESCRIPTION TEXT HERE with your product description.
To add text to the collapsible buttons, enter whatever text you want for that menu by replacing Collapsible Menu Button with your own text.
Don’t edit anything in the area as it will cause your menu to stop working.
Here is how the menu looks on my website for my products.
Depending on your theme this maynot show up below your add to cart buttons because it is run from the description text area. Hope this helps… let me know if you need help with this.