Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


cambridgeed

Question

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?

Link to comment

Recommended Posts

  • 1
12 minutes ago, cambridgeed said:

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

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

Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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!

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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!

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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!

Link to comment
  • 0
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.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
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? 

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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/

Link to comment
  • 0
19 hours ago, sarah_cowan said:

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/

HIde all summary thumbnail on homepage?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...