Jump to content

Link to each shop category on each category page.

Recommended Posts

Hello,

Newbie here. I'm trying to get the category navigation to show up on each page for eery sub category. See pics. On the main shop page there are links to categories. When you click on a category, I want the same option to choose another category at the top of that page. Trying to minimize clicks for users.

 

Thanks!!
Jason

Screen Shot 2021-07-13 at 8.15.46 PM.png

Screen Shot 2021-07-13 at 8.15.57 PM.png

Link to comment
  • 4 weeks later...
On 7/14/2021 at 7:19 AM, jcotti said:

Hello,

Newbie here. I'm trying to get the category navigation to show up on each page for eery sub category. See pics. On the main shop page there are links to categories. When you click on a category, I want the same option to choose another category at the top of that page. Trying to minimize clicks for users.

 

Thanks!!
Jason

Screen Shot 2021-07-13 at 8.15.46 PM.png

Screen Shot 2021-07-13 at 8.15.57 PM.png

Hi. This is possible. Do you still need help?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...
  • 2 weeks later...
On 8/30/2021 at 1:22 PM, audreymadeceramics said:

Can anyone help solve this problem? Thanks.

Add this to 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;
}
a.category-link.root {
    padding-top: 17px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.