Th Grid: preloading & pinning a post?

Support
#1

Hi There,

On this page I use “The Grid” to showcase Woocommerce products. I have two support questions:

  1. In the The Grid settings, I have ticked the “preload grid” option. However, it doesn’t seem to work. The problem with this is: the filters (product category based) load only the categories of the posts that are currently loaded in the grid. So now, when visitors try to filter on city for example, they have only limited options. Only once they scroll down and all the posts in de grid are loaded, all available cities are visible in the filter. However, users probably want to filter immediately, before scrolling through the entire catalogue. The problem I want to fix, is the filter one. The solution does not have to be to load the entire catalogue… I would even prefer not to :slight_smile:

  2. It’s a long shot, but maybe you could point me in the right direction on this one. All items in the grid are Woocommerce products, except ONE. If you scroll down completely, you will find the last item to be different from the others (the one with the green background + icon). That’s a page (on the same website). What I would really really like, is for that item to be visible “always”. So no matter how the filters are tweaked by the user, no matter de search results for a users query, that one should always be there, right at the end of the grid. I can’t assign WooCommerce product categories to a page… otherwise I could just tick all the boxes… but is there some way (maybe code?) to make this item always visible?

#2

Hi Jont,

Thanks for reaching out.

  1. The filter will only filter the currently loaded grid items, and not the ones that aren’t loaded yet. And preload or ajax loading is like a counterpart of that filter feature since the loading is delayed to make sure page is faster. How about loading all the items at once and just use number pagination if you wish to make the filter work right away?

  2. That I think would require customization and alters the query result (like WP_Query) to always include a specific item. But unfortunately, we can’t provide custom development here. It could be similar to Wordpress’s sticky post feature where an items remain on top regardless of other posts. But I couldn’t find a similar implementation for The Grid.

Thanks!

#3

Hello! It works a little bit, but I hope there might be an even more elegant solution (and also I have another issue you might be able to help me with :slight_smile: )

1. ​Load all filter categories, while keeping website fast:

I Use The Grid ​for showcasing WooCommerce products. Right now I have 10 in there, but there will be many more really soon. (FYI: they are offline courses that people can register for). Therefore, a smooth and effective filtering/search experience is very important.

I can pre-load the entire grid + limit posts per page + ajax scroll for “more” (that’s kind of what you meant, right?). This works better (thanks!), but slows down the webpage. Also (!) ​when a filter is applied, the results at first show only the items that where loaded within the “limited” amount of posts per page, and the rest is shown only after scrolling down (or clicking “load more”). Is there a more elegant solution for this?

​
​2. Use “AND” logic only ​between ​filters, not ​within​.

​I would like to make to filters: course subject and location. I want visitors to be able to combine them. So: I’m looking for a course about Innovation, based in Amsterdam.
The problem is, when I apply the “AND” logic, it also applies to combinations within the filter. What happens is for example: a visitor looks up courses about innovation in Amsterdam, can’t find what they are looking for and then decides to set the “subject” filter to “change management”. Now the grid outputs only courses with BOTH the innovation AND change management category… But all courses only have one category so this yields no result. The design doesn’t really make it very clear at first glance that both categories are selected, so people get confused.

I’m looking forward to your reply, thanks a lot in advance!
Also, it’s not possible for me to get support from Theme-One, right? I have The Grid as part of the Pro theme package…

All the best,
Jont

​

#4

Hi Jont,

Please see my answers below.

Load all filter categories, while keeping website fast
Yes it will make the loading slower compared to the previous approach but that’s the option we have. It can be done using custom development.

​Use “AND” logic only ​between ​filters, not ​within​.
Through custom dev, this is achievable.

Also, it’s not possible for me to get support from Theme-One, right? I have The Grid as part of the Pro theme package…
You will have to purchase a license from them to get support from ThemeOne.

That said, have you tried using Essential Grid? If not, you might want to try if you get success with it.

Lastly, from your first message you’ve written this:

I think I could give an additional pair of eyes on this.

One solution I can think of is to add it as a product and putting it in all categories so it appears on all categories. Then, when users click on it, it will (obviously) go to product page. But you can add a “redirection” for that product only so that when users click on it, instead of them landing on the product page, they’ll land on the page.

So, let’s say it will have this URL as a product https://brighthives.com/aanbod/kickstart/. You can install the Redirection Wordpress plugin and create a redirect so that every time the browser sees https://brighthives.com/aanbod/kickstart/, it will immediately redirect to https://brighthives.com/kickstart/.

Hope this helps. And we also wish we could have helped you more with the other items but unfortunately they need custom development that’s outside of the scope of support.

#5

Thanks for the response guys! I’m gonna give that redirect a try :slight_smile:

#6

You’re welcome, Jont.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.