Automatically expanded description on product detail pages?

[jasminsharp97]

I want to have the descriptions on my product detail pages auto expanded, so when you land on the page you can see the description and don't have to click to expand it. I also want to get rid of the word "description" with the little icon (highlighted). How do I accomplish that on my website vidavitalmedicalshop.com?

[tim · Accepted solution]

You can always go to Customizer, visit product page there, add "Description" block to the "Product information" section and remove the Collapsible block you have now.

However, you would not be able to collapse it...

[tim]

If you wish to keep it collapsible, then you can remove the title from this "collapsible description" block.

Then, add a "Custom liquid" block and paste this code:

<script>
document.querySelector('.product__accordion details')?.setAttribute('open', true); 
</script>

This will force first accordion to open automatically when product page is show.

[jasminsharp97]

That's ok, I don't need to collapse it. Thank you!