Shopify themes, liquid, logos, and UX
Hello, i am looking to remove h2 from collapsible row on product page for Dawn theme but i cannot find where, i change the code on collapsible-content.liquid from h2 to span but on my product page the collapsible row are still in h2 which is not good for seo, any idea how to romove those h2 from collapsible row on the product page for span ? thx for help : https://mobilegear.fr/products/manette-de-telephone-lightstrike
Solved! Go to the solution
This is an accepted solution.
Then there is a chance that you are missing something because I posted the solution after checking in my development store with the same theme.
And here is code of the block
{%- when 'collapsible_tab' -%}
<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 %}
<span class="h4 accordion__title">
{{ block.settings.heading | default: block.settings.page.title }}
</span>
</div>
{% render 'icon-caret' %}
</summary>
<div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
{{ block.settings.content }}
{{ block.settings.page.content }}
</div>
</details>
</div>
Hello @Sauron6263
Can you share store URL?
Its in sections > main-product.liquid
line no. 252 ( <h2 class="h4 accordion__title"> )
if you are on different version or there is customization in your file them simply search for ( accordion__title ) and you will find the h2 tag.
ok i see, so i should replace h2 by span ?
Yes
i changed for span but still in h2 for collapsible row on my product page :
This is an accepted solution.
Then there is a chance that you are missing something because I posted the solution after checking in my development store with the same theme.
And here is code of the block
{%- when 'collapsible_tab' -%}
<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 %}
<span class="h4 accordion__title">
{{ block.settings.heading | default: block.settings.page.title }}
</span>
</div>
{% render 'icon-caret' %}
</summary>
<div class="accordion__content rte" id="ProductAccordion-{{ block.id }}-{{ section.id }}">
{{ block.settings.content }}
{{ block.settings.page.content }}
</div>
</details>
</div>
my bad working now thx
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025