Hide product accordion (Meta Field) on specific product pages  (DAWN Theme)

Solved

Hide product accordion (Meta Field) on specific product pages  (DAWN Theme)

rm014
Shopify Partner
34 0 3

Hi, is there a way to hide a product accordion (created using Meta Field with a collapsible row) on just specific product pages?

Accepted Solution (1)
GemPages
Shopify Partner
5625 1262 1279

This is an accepted solution.

Hello @Rm014

It's GemPages support team and glad to support you today.

 

You can change custom code to

{% if product.handle contains 'teddy-hip-fanny-pack-highlighter-yellow' or  product.handle contains 'product-handle-2' or  product.handle contains 'product-handle-3' %}
    <style>
      .product__info-wrapper .product__info-container .product__accordion:last-of-type{
        display: none;
      }
    </style>
  {% endif %}

GemPages_0-1675841367690.png

 

I hope the above is useful to you.

 

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 7 (7)

GemPages
Shopify Partner
5625 1262 1279

Hello @Rm014

 

Can you give me your page URL( with pass if your store password is enabled) so I can check it and maybe give you a solution? 

 

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
rm014
Shopify Partner
34 0 3

sure. here it is, that's one of the product pages i'd like to hide 1 of the accordion.

GemPages
Shopify Partner
5625 1262 1279

Hello @Rm014

It's GemPages support team and glad to support you today.

 

Do you want to hide this accordion only on product Teddy Hip Fanny Pack - Highlighter Yellow

 

GemPages_0-1675838368208.png

If I am correct, You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_1-1675838441557.png

 

 

2. Open your theme.liquid file, paste the below code before </head>

{% if product.handle contains 'teddy-hip-fanny-pack-highlighter-yellow' %}
    <style>
      .product__info-wrapper .product__info-container .product__accordion{
        display: none;
      }
    </style>
  {% endif %}

GemPages_2-1675839344056.png

 

I hope the above is useful to you.

 

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
rm014
Shopify Partner
34 0 3

just the last accordion and to 2-3 products.

GemPages
Shopify Partner
5625 1262 1279

This is an accepted solution.

Hello @Rm014

It's GemPages support team and glad to support you today.

 

You can change custom code to

{% if product.handle contains 'teddy-hip-fanny-pack-highlighter-yellow' or  product.handle contains 'product-handle-2' or  product.handle contains 'product-handle-3' %}
    <style>
      .product__info-wrapper .product__info-container .product__accordion:last-of-type{
        display: none;
      }
    </style>
  {% endif %}

GemPages_0-1675841367690.png

 

I hope the above is useful to you.

 

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
rm014
Shopify Partner
34 0 3

thank you so much

GemPages
Shopify Partner
5625 1262 1279

It's my pleasure to help 😘.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center