Hide Title from Product page ONLY

Site URL: https://www.taskgloves.com/products/vsp72670ho

Hi, 

Is it possible to hide the title from all product detail pages? I know there's a setting to hide the title, but then it removes it from my landing pages as well. I need the title to be hidden only on the individual product detail pages. Thanks in advance.

Add to Product Page Setting > Advanced > Header

<style>
  h1.ProductItem-details-title {
    display: none !important;
}
</style>

On 2/22/2020 at 1:12 AM, tuanphan said:

Add to Product Page Setting > Advanced > Header

<style>
  h1.ProductItem-details-title {
    display: none !important;
}
</style>

 

This works,  but it seems to be a bit buggy. When I load a new page www.taskgloves.com and navigate to a product, it looks like the title will still show until I refresh the product detail page again. After refreshing, the title disappears until I open up a new page.

47 minutes ago, Michael_TG said:

This works,  but it seems to be a bit buggy. When I load a new page www.taskgloves.com and navigate to a product, it looks like the title will still show until I refresh the product detail page again. After refreshing, the title disappears until I open up a new page.

I found a fix to this. I disabled Ajax loading. If you can find a way for this to work with Ajax loading please post. Thank you!

On 2/25/2020 at 1:05 AM, tuanphan said:

Remove above code, add this to Home > Design > Custom CSS (It will hide all product title on your site)

h1.ProductItem-details-title {
    display: none !important;
}

If you want to hide on specific products, please share link to these product. 

This works with Ajax Loading. Thank you!

Hello, is it possible to hide it only on the shop page and not the product page?

1 minute ago, Arch said:

Hello, is it possible to hide it only on the shop page and not the product page?

Can you share link to shop page?

It's not live yet so here is the squarespace one https://minnow-celery-g6my.squarespace.com/config/pages/5e83aef84722c249d290c8fa 

Is it possible to remove the titles on the shop page so only photos appear but still have titles on the individual product pages of each item?

6 minutes ago, tuanphan said:

Can you share link to shop page?

44 minutes ago, Arch said:

It's not live yet so here is the squarespace one https://minnow-celery-g6my.squarespace.com/config/pages/5e83aef84722c249d290c8fa 

Is it possible to remove the titles on the shop page so only photos appear but still have titles on the individual product pages of each item?

 

/config is url for site owner.

Find Page url

Ahh yes here is the url: www.arch-worldwide.com/shop-all password is 1234

2 hours ago, tuanphan said:

/config is url for site owner.

Find Page url

On 6/4/2020 at 10:06 PM, Arch said:

Ahh yes here is the url: www.arch-worldwide.com/shop-all password is 1234

 

Add to Shop All Settings > Advanced > Header

<style>
.grid-title {
    display: none;
}
</style>

16 minutes ago, tuanphan said:

<style> .grid-title { display: none; } </style>

thank you!!!

Hello, 

I am trying to do the same thing as Arch and hide the title on the shop page (https://www.aitho.fr/acheter). I tried injecting the code but it is not working on my website. Do you know what I can do ? 

Thank you ! 

On 9/23/2020 at 3:01 AM, aitho said:

Hello, 

I am trying to do the same thing as Arch and hide the title on the shop page (https://www.aitho.fr/acheter). I tried injecting the code but it is not working on my website. Do you know what I can do ? 

 

Thank you ! 

Add to Acheter Page Settings > Advanced . Header

<style>
  h3.nested-category-title {
    display: none !important;
}
</style>

On 2/25/2020 at 1:05 AM, tuanphan said:

Remove above code, add this to Home > Design > Custom CSS (It will hide all product title on your site)

h1.ProductItem-details-title {
    display: none !important;
}

If you want to hide on specific products, please share link to these product. 

Hello @tuanphan i am trying to hide the title on one product on its product page only. I don't know how to access the header/footer on product pages (it just allows for design edit or product detail edit)

https://www.honeymoon.jewelry/shop/p/baby-daisies

pw: honey

On 11/13/2020 at 1:11 AM, rmgcs said:

Hello @tuanphan i am trying to hide the title on one product on its product page only. I don't know how to access the header/footer on product pages (it just allows for design edit or product detail edit)

https://www.honeymoon.jewelry/shop/p/baby-daisies

pw: honey

Edit Product > Additional Info > Add a Code Block > Paste this code

<style>
  h1.ProductItem-details-title {
    display: none !important;
}
</style>

Hi,

I have a similar problem. I tried the codes you use here but they are not working 😞 

https://www.comeonline.pl/pl/lekcje-online

On 11/22/2021 at 5:53 AM, Yenna said:

Hi,

I have a similar problem. I tried the codes you use here but they are not working 😞 

https://www.comeonline.pl/pl/lekcje-online

Can you take a screenshot of title? And you want to hide it on one product or all product?

Here you are. The names of the courses are already in the pics so I want to hide all the names below them 🙂

On 11/24/2021 at 4:18 AM, Yenna said:

Here you are. The names of the courses are already in the pics so I want to hide all the names below them 🙂

Add to Design > Custom CSS

body#collection-614c8f30d58a1610d345fce2 section.grid-meta-wrapper {
    display: none;
}

It worked, but only in the Polish version 😞 I guess I ned to use the same thing but changing the collection number.. Could you please let me know where I find it in the Spanish and English version of the page? I'm sorry for such a late reaction, I have just realized you answered 😞 
https://comeon.business/en/online-classes
https://comeon.business/es/clases-en-linea

5 hours ago, Yenna said:

It worked, but only in the Polish version 😞 I guess I ned to use the same thing but changing the collection number.. Could you please let me know where I find it in the Spanish and English version of the page? I'm sorry for such a late reaction, I have just realized you answered 😞 
https://comeon.business/en/online-classes
https://comeon.business/es/clases-en-linea

Edit 2 pages >> Add a Code Block (any where) >> paste this code

<style>
  section.grid-meta-wrapper {
    display: none !important;
}
</style>

You are the best, thank you! ☺️