wordpress theme responsive layout filter

Wordpress theme responsive layout filter how to#

In our example, we will start with the card template named “Carnelian”: For your WordPress users: name, email, avatar etc.For your WooCommerce products: prices, ratings, discounts etc.For your posts: titles, metas, content etc.There are blocks of all kinds and dedicated to all uses: WP Grid Builder embeds an in-house visual builder for editing, allowing you to modify the entire design via drag and drop, using blocks. Here is an example of the suggested cards to start your first grids: Its cards can be imported and used in a few clicks, but you can totally create your own, or modify an existing template. WPGridBuilder works with more than 20 pre-designed card templates for your blog posts or products, in the “All Cards” menu: For our concrete example, this corresponds to WooCommerce products. The cards represent the display of each of your contents in the grid.

Wordpress theme responsive layout filter how to#

How to create a card with WP Grid Builder? It is very pleasant to navigate through the different menus, with clearly visible call-to-action buttons and space between the different sections. A concise menu with links to set up your grids, maps and facets.īut also the possibility to adjust settings and enable modules.Once the plugin is enabled on your site, you’ll notice two things in particular: These terms will be used throughout these lines, but don’t panic: I’ll explain it all to you with screenshots, so you won’t miss anything.īut first, let’s dive into the dashboard of the plugin. You should know that the plugin is based on 3 elements: Here is the type of filterable grid we will create in this post for our WooCommerce online store:īefore we move on and get into the nitty-gritty, I’ll point out something very important, so you can better understand how WP Grid Builder works. To make it more concrete, I will show you a practical case by designing an online store of Apple products, with specific filters according to the products (RAM memory, color, price, etc.). This is how the rest of the process will work. Start by installing and enabling the plugin. Now let’s see how to set this up with WP Grid Builder! How to set up WP Grid Builder? Using this system on your WordPress site can greatly improve your conversion rate, and the number of visits to your items. An example of a faceted search on the Nike website. For example on shoe or clothing stores, when you select sizes, colors, prices and it shows you the matching products. You have probably also come across them on ecommerce sites. I’m sure you’ve already seen them, for example on travel sites when you define a budget, a date and finally a destination for your next vacation. In IT, faceted searches are searches that allow you to filter your content according to different criteria: price, customer ratings, color, brand, etc.įast and fluid, this search has different criteria that allow a user to find quickly what they want. What is a WordPress faceted search?įacets? Nothing to do with the gems or the polished surface of a diamond. In order to understand the rest of this test, let’s talk about this technical term in detail in the following section. As you may have noticed in these first few lines, WP Grid Builder’s operation is based largely on a system of filters: the facets. Is it clearer for you? Then let’s move on. On an online store, you can for example add the following filters: product types, brands, price range, ratings, colors, etc.Thanks to this plugin, you will be able to offer filters to your visitors, based on different criteria: In order for you to understand the usefulness of this plugin (WordPress does not natively allow advanced filtering of your content), WP Grid Builder shows several classic use cases on its official website. The design of filterable content cards, like AirBnb, to show available properties for rent, for example.

The creation of custom sliders, with any type of data.

WP Grid Builder is versatile and will save valuable time, while offering you the ability to tackle projects that didn’t seem to be within your grasp until now.īeyond the filterable grids, WP Grid Builder plugin also offers two other very useful features: It is possible to have classic facets such as the price or color of a product, but also more interesting facets coming from fields added via Advanced Custom Fields, WordPress custom fields, or any other possible data. You can add as many as you want, on any type of criteria. WP Grid Builder is a premium WordPress plugin that allows you to create filterable grids in real time, without any page reloads, with any type of content (posts, WooCommerce products, portfolio projects, custom post type, etc.).