Re: Remove h2 from collapsible row on product page for Dawn theme

Solved

Remove h2 from collapsible row on product page for Dawn theme

Sauron6263
Excursionist
44 0 6

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-lightstrikeCapture d'écran 2024-03-29 123425.pngCapture d'écran 2024-03-29 123452.png

Accepted Solution (1)
Guleria
Shopify Partner
3974 793 1130

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>
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Replies 8 (8)

niraj_patel
Shopify Partner
2391 516 513

Hello @Sauron6263 

Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Guleria
Shopify Partner
3974 793 1130

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.

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
Sauron6263
Excursionist
44 0 6

ok i see, so i should replace h2 by span ?

Guleria
Shopify Partner
3974 793 1130

Yes

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
Sauron6263
Excursionist
44 0 6

i changed for span but still in h2 for collapsible row on my product page : 
Capture d'écran 2024-03-29 131031.pngCapture d'écran 2024-03-29 131016.png

Guleria
Shopify Partner
3974 793 1130

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>
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
Sauron6263
Excursionist
44 0 6

my bad working now thx