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

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?

Hi Tuanphan, no sorry, I only want to hide one thumbnail on the summary block so the rest will still show. 

E.g. in this image here I want the first thumbnail to be hidden but not the rest.

12 hours ago, sarah_cowan said:

Hi Tuanphan, no sorry, I only want to hide one thumbnail on the summary block so the rest will still show. 

E.g. in this image here I want the first thumbnail to be hidden but not the rest.

 

Add to Design > Custom CSS

/* Home summary */
div#block-yui_3_17_2_1_1574354436041_19694 .summary-item:first-child .summary-thumbnail-outer-container {
    visibility: hidden;
}

6 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Home summary */
div#block-yui_3_17_2_1_1574354436041_19694 .summary-item:first-child .summary-thumbnail-outer-container {
    visibility: hidden;
}

 

Amazing, thank you so much Tuanphan 🙂

Hi @tuanphan I'm not sure if you're still monitoring this but I'm having the same issues as others in this thread and I can't seem to hide a product in my store

Store: https://www.risscw.com/shop

Product: https://www.risscw.com/shop/serbia

Can you give me any tips on how to hide this product?

On 8/13/2021 at 9:45 PM, RISSCWGalway said:

Hi @tuanphan I'm not sure if you're still monitoring this but I'm having the same issues as others in this thread and I can't seem to hide a product in my store

Store: https://www.risscw.com/shop

Product: https://www.risscw.com/shop/serbia

Can you give me any tips on how to hide this product?

Hi. I don't see serbia in shop page? https://www.risscw.com/shop

Hi @tuanphan and @creedon

I am another one who struggles to hide a product from my page. I tried the code injections posted above but it doesn't change. Would you please help me?

My page:https://www.kinestheticskills.com/

Product I want to hide:https://www.kinestheticskills.com/products/dns-exercise-course-nemus

Best regards!

@Zewel

The first thing you'll want to take care of errors in Design > Custom CSS.

18 minutes ago, creedon said:

@Zewel

The first thing you'll want to take care of errors in Design > Custom CSS.

 

Hello, Thank you for fast reply!

I wish I would know how to fix that! It says Syntax Error on this one: https://static1.squarespace.com/static/57c0aaa8bebafbec82d0fbfe/t/61603b23e842ed0479100cf3/1633696550032/OLY+background/IMG_5513.jpg

I cant find out whats the issue.

7 minutes ago, Zewel said:

Hello, Thank you for fast reply!

I wish I would know how to fix that! It says Syntax Error on this one: https://static1.squarespace.com/static/57c0aaa8bebafbec82d0fbfe/t/61603b23e842ed0479100cf3/1633696550032/OLY+background/IMG_5513.jpg

I cant find out whats the issue.

Actually every time i remove the error line, it jumps on the following line saying syntax error..

Folks please see the following for Zewel's CSS issue.

Hi 

I have also followed all steps and guidance but my product is still not hidden. Also see no errors in my Custom CSS.

My store: https://www.gascoignelondon.com/products-1

Product: https://www.gascoignelondon.com/products-1/nylon-quilted-slouch-messenger-bag-pre-order

Any help would be appreciated - thanks!

@JackGas

Change the line...

div#thumb-nylon-quilted-slouch-messenger-bag-pre-order {

...to...

a#thumb-nylon-quilted-slouch-messenger-bag-pre-order {

The element you want to target is an anchor not a div.

Let us know how it goes.

Just catching up with this - it worked! 

Thanks for the help :)

Hi @tuanphan or @creedon, I was wondering if you could share the "equation" for lack of better word on how exactly I can repeat this for my specific site and product(s)?  I am in the beginning phases of building my website and don't want to publish it yet (I'm worried customers will find it through search engines and confuse it with my current website) so sharing a link to get a quick answer doesn't seem like an option.

1 hour ago, E_wes said:

so sharing a link to get a quick answer doesn't seem like an option.

With a site-wide password on your site we can see your issue but a search engine can not. They don't know how to login to your site with a password so they can't crawl it.

Hi, I also have this issue! Have tried the code injections above to no avail 🙂

My store: https://www.staay.co/products

I have nine products I want to hide, and I've put "hide-product" in tags for all of them. Maybe you don't need links, but here they are just in case:

https://www.staay.co/products/p/nmn-3months
https://www.staay.co/products/p/nmn-1andhalfmonths
https://www.staay.co/products/p/nmn-1month
https://www.staay.co/products/p/curcumin-3months
https://www.staay.co/products/p/curcumin-1andhalfmonths
https://www.staay.co/products/p/curcumin-1month
https://www.staay.co/products/p/krilloil-3months
https://www.staay.co/products/p/krilloil-1andhalfmonths
https://www.staay.co/products/p/krilloil-1month

Thanks so much!

5 hours ago, cchambers said:

I've put "hide-product" in tags for all of them.

I checked the first product detail item you linked to and it has no tags.

The top article is your product. The bottom one is an example from my site.

Without the tags on the products the code will not work.

When you edit your products make sure there are tags on them.

And of course be sure to Save so the tags stick.

Let us know how it goes.

On 6/22/2022 at 6:52 PM, creedon said:

I checked the first product detail item you linked to and it has no tags.

The top article is your product. The bottom one is an example from my site.

Without the tags on the products the code will not work.

When you edit your products make sure there are tags on them.

 

And of course be sure to Save so the tags stick.

Let us know how it goes.

I had been failing to hit enter after putting "hide-product" in tags (yes really) so they weren't saving. That fixed it. Thank you SO much!

On 1/30/2021 at 6:34 PM, creedon said:

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.

How do we achieve this with SS 7.1 please? Even the later CSS syntax is not working and I'd like to hide products based on tags instead of item by item thanks.

Many thanks!

PS CANNOT believe that this is not just a simple product configuration option in SS...sigh.

On 10/20/2022 at 9:52 AM, jagnz said:

How do we achieve this with SS 7.1 please? Even the later CSS syntax is not working and I'd like to hide products based on tags instead of item by item thanks.

Many thanks!

PS CANNOT believe that this is not just a simple product configuration option in SS...sigh.

You can add a tag, then share link to product list page, we can check easier

@tuanphan @creedon Hello! I am trying to hide all products with the tag "custom". 

I tried adding this code to the CSS: 

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

website: https://www.charleyandme.co/

pw: charley

1 hour ago, BrittanyChandlerDesign said:

I am trying to hide all products with the tag "custom". 

I tried adding this code to the CSS: 

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

Your tag is custom but you've targeted .tag-custom-hide-product in your CSS selector. You need to target .tag-custom.

Let us know how it goes.

Hi @tuanphan

I tried copying the CSS code but it's not working for me.

My shop is https://www.saltydownunder.com/shop-lmnt

And I'm trying to hide https://www.saltydownunder.com/shop-lmnt/p/sample-pack

Any help would be greatly appreciated.

On 6/12/2023 at 9:54 AM, BrookeAlexander said:

Hi @tuanphan

I tried copying the CSS code but it's not working for me.

My shop is https://www.saltydownunder.com/shop-lmnt

And I'm trying to hide https://www.saltydownunder.com/shop-lmnt/p/sample-pack

Any help would be greatly appreciated.

Which item?