Automatically open product description collapsible row

TrendBlend
Explorer
109 0 16

Hello I’m using the code from this post: 

https://community.shopify.com/c/shopify-design/collapsible-row-for-product-description/m-p/1897289
So

{%- when 'description' -%}
{%- if product.description != blank -%}

<div class="product__accordion accordion quick-add-hidden" {{ block.shopify_attributes }}>
<details id="Details-{{ block.id }}-{{ section.id }}">
<summary>
<div class="summary__title">
<h2 class="h4 accordion__title">
<b><span class="spaceicon">&#x1F4AD;</span> Product Beschrijving</b>
<!--<b>💬 Product Beschrijving</b>-->
</h2>
</div>

{% render 'icon-caret' %}
</summary>
<div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
<div class="product__description rte quick-add-hidden">
{{ product.description }}
</div>
</div>
</details>
</div>

{%- endif -%}

but I want this collapsible row to automatically open whenever someone goes to the product page. The customer can close it because it is a collapsible row but it should start open like this

D4EB4395-2A6F-486F-9E7D-47AEE202A450.png

my url is https://trendblend.eu/products/controllable-led-curtain

Reply 1 (1)

devcoders
Shopify Partner
116 17 31

Hi @TrendBlend 

The collapsible row section is not visible on the product page.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!