How to make collapsable row automatically open in shopify?

Store Design
, , , ,
1

I have 3 collapsible rows and they are automatically closed all by default, and I want the first one to be automatically open when the page is reloaded. Similar to this design. How to achieve that?

jseb23_0-1746142516042.png
jseb23_0-1746142516042.png930×670 187 KB

2

Hi @jseb23

can you share your store url & password (if applicable) then I will check & give you the solution

3

Sorry, it’s a company website and I’m not allowed to share it at the moment. But here’s the code snippet of the collapsible row

jseb23_0-1746145679871.png
jseb23_0-1746145679871.png1900×1059 116 KB

4

Let try to add custom js:

document.addEventListener("DOMContentLoaded", function () {
  const productDetails = document.querySelector('.product__accordion details');
  if (productDetails) {
    productDetails.setAttribute('open', '');
  }
});