Order Results by Product/Variations first and Categories at the bottom

[niumalta96Participant]

We have a woocommerce site and would like to have the Products/Variations loaded first and then the Categories at the bottom. It seems to be working well on the first set of results and we are having Products at the Top and Categories at the bottom. However if you start scrolling and new results are shown, the new results are all products on load more.

Is it possible to have products/variations render first and then on load more products/variations keep showing up until all products are all returned. Once there are no more products, categories show up in the load more results request.

Please note that this is a live site and no changes should be done without consulting us.

[niumalta96Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

Hi!

For each request the search tries to return the number of items from each group (taxonomy terms, post types) as defined on the General Options -> Limits options panel.
In this case, probably all the category results were shown at the first iteration, then the the “load more” feature only fetched the rest of the products.

The only possible resolution I can see to this is via a custom CSS code – by forcing the taxonomy term results to stay at the bottom of the stack:

div.asp_w.asp_r .resdrg {
    display: flex;
    flex-wrap: wrap;
}

.item {
    flex: 0 0 100%;
    order: 0;
}

.item.asp_r_term {
    order: 1;
}

Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

With this, even after the new results being loaded, the taxonomy results will stick to the bottom.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[niumalta96Participant]

We will try it out, thank you for your assistance 🙂

[Author]

Posts