Product page keep collapsible tabs open

jont1 · ‎11-14-2024

Hello, I would like to modify my product page to keep the "Description" and "Shipping Details" tabs open instead of being collapsible.

https://shop.reversewinesnob.com/products/insider-deal-all-stars-2024-white-intro-4-pack

Thank you for your help

tim · ‎11-23-2024

Put this into Custom Liquid block

<script>
 let tabs = document.querySelectorAll('product-info details');
 if (tabs) {
   tabs[0].setAttribute('open',true);
   tabs[1]?.setAttribute('open',true);
 }
</script>

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

jont1 · ‎11-18-2024

Anyone?

tim · ‎11-23-2024

Put this into Custom Liquid block

<script>
 let tabs = document.querySelectorAll('product-info details');
 if (tabs) {
   tabs[0].setAttribute('open',true);
   tabs[1]?.setAttribute('open',true);
 }
</script>

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

jont1 · ‎11-23-2024

Beautiful, thank you, worked like a charm!

Product page keep collapsible tabs open

Product page keep collapsible tabs open

Community Blog Articles