Jump to content

Using Archive block dropdown as a way to Sort Products

Recommended Posts

Site URL: https://daffodil-clementine-36hx.squarespace.com/config/pages

I am building a site for a boat brokerage.  Needless to say they have many products (listings) with multiple category options.  I am wanting a simple way to navigate the within the product gallery.  I have hunted high and low to find a way to filter/sort these listings in a way that is generic across the site in the sense that the same categories can be applied no matter what product.  I have 5 product galleries.  1.Yacht  2.Power 3.Multihull 4.Trailer Boats  -  within each product type i'd like to display the sort options as a dropdown where the user then selects how they would like to view the products within the gallery.  I was reading a thread earlier which suggested using an Archive block as a way to display a "shop sort".   I had a play around with this and i think this is actually a viable option. 

The question is this....  How do I get the categories to action as per my category titles suggest they will.

sort by lowest price
- sort by highest price
- sort by type

Here is an example of a dropdown shop sort on a similar type of site to the one I am currently building 

https://www.busfieldmarine.co.nz/shop/New+Boats.html

Can anyone shed any light on this please?  

I am also open to other suggestions - I have looked into a universal filter and a mega menu - i not written these off instead i am still exploring options - the archive block made a lot of sense and relatively simple if I can get it to function accordingly. 

Help would be very much appreciated please! 

Link to comment
18 hours ago, Littlemahuta said:

Site URL: https://daffodil-clementine-36hx.squarespace.com/config/pages

I am building a site for a boat brokerage.  Needless to say they have many products (listings) with multiple category options.  I am wanting a simple way to navigate the within the product gallery.  I have hunted high and low to find a way to filter/sort these listings in a way that is generic across the site in the sense that the same categories can be applied no matter what product.  I have 5 product galleries.  1.Yacht  2.Power 3.Multihull 4.Trailer Boats  -  within each product type i'd like to display the sort options as a dropdown where the user then selects how they would like to view the products within the gallery.  I was reading a thread earlier which suggested using an Archive block as a way to display a "shop sort".   I had a play around with this and i think this is actually a viable option. 

The question is this....  How do I get the categories to action as per my category titles suggest they will.

sort by lowest price
- sort by highest price
- sort by type

Here is an example of a dropdown shop sort on a similar type of site to the one I am currently building 

https://www.busfieldmarine.co.nz/shop/New+Boats.html

Can anyone shed any light on this please?  

I am also open to other suggestions - I have looked into a universal filter and a mega menu - i not written these off instead i am still exploring options - the archive block made a lot of sense and relatively simple if I can get it to function accordingly. 

Help would be very much appreciated please! 

universal filter is the choice to add custom filter to your product listing

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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.