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

Keep all categories in top bar navigation in view on each category page


deme

Recommended Posts

I have the categories set to top bar navigation. I would like the category navigation (all the categories) to remain in view on each category page (not product pages), with a highlight on the current category the viewer has clicked. Currently on my site when you click a specific category, the entire listing of categories disappears leaving only "all pieces /"*  and the category you are on.    

*Further, I don't understand where the slash mark is coming from either as it is not part of my naming and I would like to remove the slash.

Screen Shot 2020-11-19 at 9.20.14 AM.png

Screen Shot 2020-11-19 at 9.20.38 AM.png

Link to post
  • Replies 24
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Can you share link to shop page? We can check easier

Try adding to Home > Design > Custom CSS /* Show category nav links */ div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 100% !impor

Posted Images

EDIT: My site is 7.1  and apparently this feature was removed, while standard on the previous versions. 

Does anyone have code to make this possible for 7.1

Thanks

Link to post

Images of my current site. v7.1

1st image shows my main shop page with all categories visible in top view.

2nd image shows category page in this case "spirit eye collection" as you see only "all pieces" remains visible from the category list, all other categories disappeared. 

3rd image, if I set categories to side view. Again the main shop page shows all categories listed.

4th image, the category page in this case "spirit eye collection" keeps all categories in view, with the category in view highlighted (yes this is good), however, there is a header line "all/" that is confusing and I would like to remove. 

So, to recap, in category top view, I would like all categories to stay in view when you click on one of the categories, with the current view highlighted. 
In side view, I want to remove the header line that links to the "all/" since it is already listed in the category list field.

Screen Shot 2020-11-19 at 9.20.14 AM.png

Screen Shot 2020-11-19 at 9.20.38 AM.png

Screen Shot 2020-11-20 at 8.42.08 AM.png

Screen Shot 2020-11-20 at 8.42.20 AM.png

Link to post

I’m also having this issue.

I would just like the category nav to display at the top on all category pages.

Any help would be really appreciated.

✌️

Edited by CASKATE
Link to post
On 11/23/2020 at 1:44 AM, CASKATE said:

I’m also having this issue.

I would just like the category nav to display at the top on all category pages.

Any help would be really appreciated.

✌️

Can you share link to shop page? We can check easier

Link to post
  • 4 weeks later...
7 hours ago, sjcwallprints said:

I am also having this problem. Any tips on how to always show all categories at the top of the page?

https://maroon-viola-rzmk.squarespace.com/shop
 

password: getty 

 

 

On 12/1/2020 at 2:01 AM, kschier said:

I am also having this problem! Any advice available? Thank you!

 

On 11/24/2020 at 7:24 PM, CASKATE said:

password: RosRosRos

Try adding to Home > Design > Custom CSS

/* Show category nav links */
div.nested-category-tree-wrapper {
    display: flex !important;
    float: none !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
}
section.products.collection-content-wrapper.products-list {
    flex-direction: column !important;
    display: flex;
}
.nested-category-tree-wrapper>ul {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nested-category-tree-wrapper>ul li {
    margin-left: 2vw;
}
nav.nested-category-breadcrumb {
    display: none !important;
}
ul.nested-category-children {
    display: none !important;
}

 

Link to post
  • 2 weeks later...
  • 2 weeks later...

I am having the same issue with categories not showing in top nav in mobile entirely, or disappearing after a category is clicked. Will SquareSpace resolve this issue for paying customers? Thank you.

Link to post

@vnguyen

For feature requests please contact SS customer support. SS does not necessarily monitor these forums for feature requests.

Hello I'm Thomas. I've been getting websites up and running for 27 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
On 1/4/2021 at 9:06 PM, ChalkPaintGuyUK said:

Hi @tuanphan

The CSS you shared is useful but I'm having alignment issues on the mobile version - any help with a workaround for this?

See https://thechalkpaintguy.com/anniesloan

Password: tuanphan

 

Thanks!

Marly.

 

On 1/18/2021 at 2:43 PM, gfgytrfyt676 said:

yes its very important information and question also for the young generation who are currently coming on this side this platform always provides the very good discussion service to the point you can see my first site of underwear where i also do the same things that you mentioned.

Sorry for the delay. Do you still need help?

Link to post
3 hours ago, tuanphan said:

 

Sorry for the delay. Do you still need help?

I am also running into this issue with the CSS provided. I would appreciate a solution as well.

Link to post
  • 3 weeks later...

I'm having this exact same issue too. I tried the custom CSS above and while it goes some way to providing a solution i.e. the product categories top bar is also visible on individual category pages, the formatting doesn't look good and the 'All/' category is still visible. It doesn't format at all on mobile. 

Any more answers/solutions? It seems like a very basic feature that SqSp should have included in 7.1 from the offset.

Link to post
On 2/14/2021 at 6:54 PM, danielhaydenh said:

@tuanphan - Can you help with alignment issues on mobile pease.

I'm using the code posted above.

 

Thanks in Advance

Screenshot 2021-02-14 at 11.53.27 am.png

Screenshot 2021-02-14 at 11.53.20 am.png

Can you share site url?

Link to post
On 1/23/2021 at 9:27 AM, PrismPots said:

I am also running into this issue with the CSS provided. I would appreciate a solution as well.

 

On 2/7/2021 at 11:23 PM, PhilB said:

I'm having this exact same issue too. I tried the custom CSS above and while it goes some way to providing a solution i.e. the product categories top bar is also visible on individual category pages, the formatting doesn't look good and the 'All/' category is still visible. It doesn't format at all on mobile. 

Any more answers/solutions? It seems like a very basic feature that SqSp should have included in 7.1 from the offset.

Can you share site url? We can check easier

Link to post
On 2/16/2021 at 11:30 AM, sjcwallprints said:

My alignment problem isn’t as bad as the others but you can see it still. It would be good if it could scroll like in the original template. 
 

https://stephenchowphotography.com/shop

Can you  explain clearly? We can help easier

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...