Automatic mode

& WooCommerce

Automatic mode & WooCommerce

UberGrid grids can be built in an automatic mode using WordPress posts to as the data source. Here is how it works:

01. Open grid editor

You can just click "Add new UberGrid" at the admin area.

01. Switch to automatic

Click "Automatic" tab to enable automatic mode.

03. Configure posts used

Configure post type, order and filtering options. Enabling "Build the grid on the fly" is a good idea too.

01. Tune cell template

Tune the cell template that determines the way generated cells will look like.

05. Finalize the grid

Fine-tune the grid the same way you would do with an usual one.

Watch video howto

In this video, a grid is built using an automatic mode and WooCommerce products which are just WordPress posts of custom type.

01. Open grid editor

Click “Add new” under “UberGrid” section of the WordPress admin area to create a new grid, or just select an existing one.

02. Switch to Automatic mode

Just click “Automatic” tab to enable the automatic mode. There are 2 automatic variants available – you can use “build the grid on the fly” option to re-build the grid each time it is shown, or click “build now” button to just add automatic cells to the “Manual” tab where you’ll be able to tweak them manually.

03. Configure posts used

Choose the type of the posts you want to use to build the grid. If you’re using UberGrid for WooCommerce products, you need to choose “Product” post type. Then, configure taxonomy and custom post type based filters to your needs. Please note that when using taxonomies – term slugs are used, not their readable names.

04. Configure cell template

Configure cell template the same way you would configure a single cell in manual mode. To make some fields depending on the data pulled from posts, you can use so-called “pseudo-tags” those look like %pseudo_tag_name% and are described in cell editor.

05. Continue as usually

From now, you can continue to configure the grid the same way you would normally do with a simple manual grid. You can adjust layout options, pagination, etc. Then, just save the grid and copy the shortcode generated to the place you need it to use at.

That’s all. At this moment, you will be ready to use the grid the same way you would do with a manual one.