Shopify themes, liquid, logos, and UX
Okay so I cant use metafileds for my description because of different reasons, so I used this Code to make a collapsible row out of my description:
{%- 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">
{% render 'icon-accordion', icon: block.settings.icon %}
<h2 class="h4 accordion__title">
{{ block.settings.heading | default: block.settings.page.title }}
</h2>
</div>
{% render 'icon-caret' %}
</summary>
<div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
{{ product.description }}
</div>
</details>
</div>
{%- endif -%}
That worked fine, but there is no heading for the collapsible row.
I want to rename the collapsible row "description" but I dont know how to do that.
It looks like this:
Can somebody help me out with this?
Kind regards
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025