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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025