Open by default - Collapsible row Product page

Store Design

Topic summary

Main topic: refining a Shopify product page’s “collapsible row” for the product description, building on a community-shared solution credited to BSS-Commerce.

Recent update: The original poster successfully implemented the linked solution and now seeks two enhancements:

  • Add an arrow icon at the end of the grey Description box (consistent with other collapsible rows).
  • Have the Description box open (expanded) by default when the product page loads.

Technical context: A “collapsible row” is a UI section that can expand/collapse to show or hide content; an arrow indicator communicates its state. “Open by default” means the section renders expanded on initial page load.

References: A community tutorial/post is central to the implementation (link provided in the thread).

Status and outcomes: No responses or solutions yet; the poster followed up asking for assistance. The discussion remains open with unanswered questions and no decisions or action items confirmed.

Summarized with AI on January 13. AI used: gpt-5.
1

hello everyone,

view days ago, i had an issue with my product description text inside. it was horrible. after some research i found an very nice solution which has been implemented and it looks very good !

https://community.shopify.com/post/1897289

credits to BSS-Commerce !

I used his solution to fix it, now i have some questions to our community

is someone aware and can help me out.

I’d like to add to this grey Description box

- one arrow at the end (like in all collapsible rows)

- open by default when entering the product page

i would be very grateful and waiting for some response.

many thanks in advance

2

can someone assist :slightly_smiling_face: ?