Hiding a product from the store page, but still accessible via URL

Hi!
I am trying to hide a product in my store, but still have it accessible from a URL. I tagged the product "conway" and then put this code in the header of the store 

body#collection-5d660a88abd7d20001f847a2 .tag-conway {
    display: none;
}

However its still being shown. Any ideas?

Can you share link to store page? Which product?

You want to hide 1 or ??? products?

mycambridgeed.com/store   is the store

mycambridgeed.com/store/conway  is the product

Right now its just the 1 I need to hide, but it could be more in the future. 

add tag: hide-product for conway, then share link. I will check again.

mycambridgeed.com/store

Still there

5 minutes ago, cambridgeed said:

mycambridgeed.com/store

Still there

add tag: hide-product for conway, then share link. I will check again.

What? I added that tag to the conway product. mycambridgeed.com/store/conway 

This product has the tag you asked me to put there.

PERFECT! 

Thank you Tuanphan!

Hey @tuanphan, I am trying to solve this EXACT same issue and unable to get it work.

Store URL: https://kolkatachai.co/shop

Product URL (I am trying to hide): https://kolkatachai.co/shop/diy-chai-kit-rose

I followed your directions but it's still showing up. Could you let me know what I am doing wrong? Thank you so much! 

1 hour ago, GRC said:

Hey @tuanphan, I am trying to solve this EXACT same issue and unable to get it work.

Store URL: https://kolkatachai.co/shop

Product URL (I am trying to hide): https://kolkatachai.co/shop/diy-chai-kit-rose

I followed your directions but it's still showing up. Could you let me know what I am doing wrong? Thank you so much! 

Add to Home > Design > Custom CSS

div#thumb-diy-chai-kit-rose {
    display: none;
}

Incredible, it works. Thank you so much @tuanphan!

Hi @tuanphan I have been trying to achieve the same goal To hide the product from the store but have it accessible by a direct URL.

Here is the URL to the product. 

mollyrosebrewing.com/store/disco-monks-from-outer-space-61-crafty-cabal-exclusive 

The product thumb is "thumb-disco-monks-from-outer-space-61-crafty-cabal-exclusive"

I have added:

div#thumb-disco-monks-from-outer-space-61-crafty-cabal-exclusive {
    display: none;
}

to the CSS Code but the product still displays on the site. 

What am I doing wrong? Thank you!

12 hours ago, phillipsluke said:

Hi @tuanphan I have been trying to achieve the same goal To hide the product from the store but have it accessible by a direct URL.

 

Here is the URL to the product. 

mollyrosebrewing.com/store/disco-monks-from-outer-space-61-crafty-cabal-exclusive 

 

The product thumb is "thumb-disco-monks-from-outer-space-61-crafty-cabal-exclusive"

I have added:

div#thumb-disco-monks-from-outer-space-61-crafty-cabal-exclusive {
    display: none;
}

to the CSS Code but the product still displays on the site. 

What am I doing wrong? Thank you!

Hi. Hide from shop page? or which page?

Oh man this totally just worked!!! 🥰 tuanphan HOW CAN I DONATE TO YOU? 

On 11/21/2020 at 9:09 AM, friendsfirst said:

Oh man this totally just worked!!! 🥰 tuanphan HOW CAN I DONATE TO YOU? 

Let me know if you have any other questions.

Hey there @tuanphan, I have the same issue:

store page: https://www.prophetichearthealing.com/training

product to hide: https://www.prophetichearthealing.com/training/prophetic-heart-healing-basic-training

I'm new, so I'm not sure what you mean above when you say to add that code to the tag?

Thank you so much!

14 hours ago, Enicole92 said:

Hey there @tuanphan, I have the same issue:

store page: https://www.prophetichearthealing.com/training

product to hide: https://www.prophetichearthealing.com/training/prophetic-heart-healing-basic-training

I'm new, so I'm not sure what you mean above when you say to add that code to the tag?

 

Thank you so much!

Add to Home > Design > custom CSS

div#thumb-prophetic-heart-healing-basic-training {
    display: none;
}

Hi @tuanphan -- trying to solve the same problem using the above, with no success.

Store link: https://www.progressiverehabandstrength.com/store

Product Links to Hide:

https://www.progressiverehabandstrength.com/store/online-training-session-members

https://www.progressiverehabandstrength.com/store/online-group-training-session-members

I've implemented the Custom CSS & tagging, but still no success. Thanks!

2 hours ago, prsmarketing said:

trying to solve the same problem using the above, with no success.

I've implemented the Custom CSS & tagging, but still no success. Thanks!

The reason it didn't work is likely due to the fact that your site version and or the template is different  from the other solutions.

Remove the following CSS, make a copy somewhere.

.grid-item.tag-hide-product {
    display: none
}

div#thumb-online-training-session-members {
    display: none
}

div#thumb-online-group-training-session-members {
    display: none
}

Add the following CSS.

#productList .tag-hide-product {

  display : none;
  
  }

This is for a v7.0 using the Bedford template.

Let us know how it goes.

On 12/9/2020 at 11:24 AM, tuanphan said:

Add to Home > Design > custom CSS

div#thumb-prophetic-heart-healing-basic-training {
    display: none;
}

 

Thanks for sharing this Tuanphan, really helpful 🙂 I'm looking to do the same for a blog post. Is it possible to hide a thumbnail on the blog, but still have it accessible from a URL to the post? 

3 minutes ago, sarah_cowan said:

Thanks for sharing this Tuanphan, really helpful 🙂 I'm looking to do the same for a blog post. Is it possible to hide a thumbnail on the blog, but still have it accessible from a URL to the post? 

Can you share link to blog?

Thank you Tuanphan, it's https://www.manorbarnorganics.com/blog

4 minutes ago, sarah_cowan said:

Thank you Tuanphan, it's https://www.manorbarnorganics.com/blog

Add tag: hideit for the post. Then add this to Design > Custom CSS

/* hide posts belongs hideit tag */
section.BlogList article.tag-hideit {
    display: none !important;
}

5 minutes ago, tuanphan said:

Add tag: hideit for the post. Then add this to Design > Custom CSS

/* hide posts belongs hideit tag */
section.BlogList article.tag-hideit {
    display: none !important;
}

 

Amazing, thank you so much Tuanphan! 
Is there anything I can add so that the thumbnail doesn't show on the summary block on the homepage too?
https://www.manorbarnorganics.com/