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 14
  • 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

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

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

Create an account or sign in to comment

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


×
×
  • Create New...