Join us March 21 for an AMA on planning your 2023 marketing budget with 2H Media co-owners, Matt and Aron

Prestige Theme - Questions regarding Group filters, filters, and filter layouts.

lance_w
Shopify Partner
16 0 2

Hello. I was wondering if you guys could help me out. I have a good amount of coding experience but not much with liquid. 
I am currently setting up "Group" filters... and I have 2 questions:

1. Is it possible to change the order of the group filters, or list them manually? I want to filter by size, but the sizes are showing up in alphabetical order which is all disorganized. Image that displays the issue:

luckyleo-express-sizes-issue.PNG

 

2. Are there any options to customize the filter bar? I notice a lot of other online shops have a pretty in-depth filter area with several categories, size, color, style, For example, I attached the "Allbirds" filter area and it's so in=depth and user-friendly with checkboxes. I have messed around with the theme customization area where you can filter by tag but it just doesn't seem to have the function I am looking for. 

 

allbirdsfilter.PNG

3. Is there a way to use in-page loading or a URL without navigating the user to a new page to filter a collection? If this is possible, I can just create the filter area myself and use whatever form of filter loading Prestige already uses and apply it to my own custom layout and links, which would actually be the best solution. 

 

Thanks for the help!

Replies 4 (4)
PaulNewton
Shopify Partner
4878 412 1053

All of these are advanced and really should be broken down individually and not glommed together in your research that just over complicates the time it takes for questions and answers.

https://shopify.dev/themes 

https://shopify.dev/themes/navigation-search/filtering 

https://shopify.dev/themes/navigation-search/filtering/tag-filtering 

 

  1. #1 For a manual sort systems  you need to code a manual sort system
  2. #2 use liquid,html,css and js to customize sidebar filters along with setting up your backend data to support that ,
    1. inspect the different free themes and read theme setup guides to see how sidebars are coded and backend info is structured.
    2. for the filter system see the dawn theme reference https://github.com/Shopify/dawn 
  3. Do you mean ajax? Section rendering is one way  https://shopify.dev/api/section-rendering 

 

Some of these may seem like trite or snarky answers but it's mean to highlight your not asking specific questions that allow for quality.

http://www.catb.org/~esr/faqs/smart-questions.html 

In forum searches sometimes helps for indepth stuff to narrow it to the technical forum even though it's a grab bag now.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
lance_w
Shopify Partner
16 0 2

Thanks for the in-depth, albeit slightly snarky help. I will check out your links. Seems like I'll probably have to hire someone for the specific functionality I am looking for. Not really going to read a 10,000-word essay on how to pose the perfect question, but I will try to be more specific in the future.

PaulNewton
Shopify Partner
4878 412 1053

@lance_w wrote:

Not really going to read a 10,000-word essay on how to pose the perfect question, but I will try to be more specific in the future.


At least review the shopify.dev links provided and some theme code as those will definitely help dial in the specifics.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
lance_w
Shopify Partner
16 0 2