Step 1. Selecting the content

You are given the ability to select the post type from all the public custom post types available in your website.

Step 2. Selecting the layout

The latest version comes with 21 predefined premium templates (6 of them specifically designed for Woocommerce)

Step 3. Setting the thumbnail’s ratio

The plugin will give you the option to select one of the more popular thumbnail ratios used by most of the templates. Also for more flexibility you can set your own aspect ratio.

Step 4. Setting the number of items per row

In order to create the desired result you can select a fixed number or items for each displayed row in your grid. Also you can have the grid display a random number of items each row.

Step 5. Setting the number of rows per page

Set the size of your pages by using different number of rows for pages.

Step 6. Setting the position of pagination bullets

Position the navigation bullets in relative to the grid.

Step 7. Styling the navigation bullets

Set the style of the pagination bullets. You can select predefined font awesome bullets or numbers.

Step 8. Setting the navigation buttons (prev/next)

Select to display and position navigation buttons (prev/next). A set of 10 predefined styles are available.

Step 9. Setting the transitions and animations

You can set the transition to be made by each individual item in the page or the entire page. This option will give you best results based on the results you want to achieve.

A wide variety of animations are available predefined.

Step 10. Customizing the theme’s colors

Color pickers will allow you to fully customize and integrate the grid with your template and current color pallet.

Step 11. Filtering the content by taxonomy (ie categories)

With specific filtering by post taxonomies you can display only the articles you want.

Step 12. Using the Grid in your website

You can add the grid in any section of your website by simply using the schorcode:

[ wproots_grid id=”THE_ID” ]