product description, it opens automatically - focal theme

Store Design

Topic summary

A user wants to prevent the product description accordion from opening automatically on their product page, preferring customers to expand it manually.

Proposed Solutions:

  • One responder suggests modifying the product.liquid file where the accordion code exists, noting that CSS changes may also be required.

  • Another provides a detailed step-by-step solution:

    • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
    • Locate theme.liquid file
    • Insert a JavaScript snippet above the closing </body> tag that removes the open attribute from collapsible elements on page load

Status: A code-based solution has been offered with implementation instructions. The discussion appears resolved pending the user’s implementation and confirmation.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

on my product page, where is the product description, it opens automatically, and I prefer the customer to do it himself, how can I disable it from opening automatically?

12312313.png
12312313.png343×777 34.5 KB

2

There will be code in product.liquid for accordion. You can make change there. It needs some css change also to fix it.

3

How much do you take for this job, please?

4

Hello @Drawn

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the theme you want to edit and then click Actions > Edit code.

  • Search theme.liquid

  • Insert the provided Script code at the above of the closing of the body tag
    SS : https://prnt.sc/Jf0KhwgE5cb5

<script>
document.addEventListener('DOMContentLoaded', function()
{
  document.querySelectorAll('.product-tabs__tab-item-wrapper .collapsible')
    .forEach(el => el.removeAttribute('open'));
});
</script>

Please hit Like and Mark it as a Solution if you find our reply helpful.