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

Hello,

I am trying to hide my "shop" title on the storefront page, but keep the category titles on each category page. My site is not live, but here are screenshots. Any help at all is appreciated.

Thank you!

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.

My site is not published, I am in the trial stage, preparing for when I subscribe to the full site benefits next month. I wanted to get a head start.

You can show us your site in trial mode if you follow my post.

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!

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.

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.

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.

Hello, I am confused on how to install twcsl. I downloaded the zip file. Do I copy the twcsl.js or twcsl.html into my Settings > Advanced > Custom CSS, or is there another location i the link provided to install a program?  I really appreciate all the help!

Is your site in trial mode or are you on a paid plan?

I am still in trial mode, I'm switching to paid plan next month. Should I wait until then to edit?

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.

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.

Please see my updated Wednesday post. For the CSS you need to install.

That worked! Thank you so, so much for all of your help!