Jump to content

Hide "SHOP" title on shop page, but keep category titles on category page

Recommended Posts

  • Replies 14
  • Views 890
  • Created
  • Last Reply

Top Posters In This Topic

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

My site password is Sprout1, and here is my url! 

https://arugula-halibut-6tzm.squarespace.com/shop

https://arugula-halibut-6tzm.squarespace.com/shop/plant-magnets

On mobile preview, it shows that the title (i.e., "PLANT MAGNETS") is smaller, which is what I want. However, from the first link that is the main shop page, I'd like to completely remove the "SHOP" title above the categories list on both mobile and desktop. 

Thank you!

Link to comment

Please see the following.

Then add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  :not( [data-store-category] ).tweak-products-category-title .products.collection-content-wrapper .nested-category-title {
  
    display : none;
    
    }
    
  </style>

This is for v7.1.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Thank you for your response. This seems all way over my head. I tried following the steps and injecting the "Add Category Attribute to a Store Page Category" html code first in the store settings page header code injection, then adding the code that you provided here, and when I add that code, it just shows the text at the top of my header, and does not remove the shop title.

Link to comment

The Add Category Attribute to a Store Page Category is not installed correctly. You need to follow the first step in the instructions. Install twcsl.

I also updated the CSS code to hide SHOP on the main store page as I messed up posting it.

I realize that it can all be a bit confusing. Unfortunately SS did not provide for the effect you want. So we need to use JavaScript and CSS code to get to where you want to go.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

I'm switching to paid plan next month. Should I wait until then to edit?

You don't have to wait. If you use the trial period install steps and then go to a paid plan the code will still work. The advantage that the paid plan install steps has is that you don't have that huge chunk of code taking up space in Settings > Advanced > Code Injection > HEADER.

I have updated the install instructions to hopefully be more clear and address some issues folks have had with following them. Please give them a look-see and let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Hello, thank you for updating your instructions. I was able to follow each step easily! The code no longer shows at the top of my header, however, the SHOP category title is still there. Please let me know if something looks wrong.

I tried adding both the codes in the instructions for installing twcsl, and then the add category attribute to a store category page.html to Store Settings > Advanced > Page Header Code Injection. 

Then I added the CSS in the Add Category Attribute forum link above to the Custom CSS page under Design, and it still shows.

I'm not sure if it matters, but the SHOP title is the title of the page, and then I have shop categories as well. I'd like to keep the categories "PLANT MAGNETS, DISCO BALLS, ETC." but only remove the page title that says SHOP, which obviously SS won't allow if I want categories.

Edited by thesprouthouse
more information
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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.