Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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
Solved! Go to the solution
This is an accepted solution.
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>
Anyone?
This is an accepted solution.
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>
Beautiful, thank you, worked like a charm!