Placement of category navigation in shop page / Wells template

mgroeteke · December 5, 2023

Is there a way to reposition the category navigation on the shop page to the bottom of the page? I'm using the wells template.

The page whe I would like to set this up is

https://architectureshooting.com/druckeditionen-fine-art-print-editions

Thank you in advance for any suggestions!

tuanphan · December 7, 2023

You can add this code to Website Tools (under Not Linked) > Custom CSS

[class*="type-products"].view-list div#pageWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

mgroeteke · December 20, 2023

Thank you, very cool - working!

Is there a way to add a padding or line between the category navigation and the product gallery?

Edited December 20, 2023 by architectureshooting

tuanphan · December 22, 2023

Add this code under

[class*="type-products"].view-list section#page {
    margin-bottom: 50px;
}

mgroeteke · December 28, 2023

Thank you very much, perfect! 😀

Placement of category navigation in shop page / Wells template

Recommended Posts

mgroeteke

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

mgroeteke

tuanphan

mgroeteke

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources