Animate – a toggle to enable/disable the animation for the grid appearing. Masonry – the toggle to apply masonry grid display. Max columns – specify the maximum number of columns in one row for different devices(desktops, tablets, mobiles). Gutter – specify an interval between grid items for different devices(desktops, tablets, mobiles). Initial number of items in the container. Amount items in grid – required for dynamic content. Once you select this source, a new “Content” section with settings is displayed on the Content tab, where you can add the required number of elements. GalleryĪn option allows displaying the image gallery from the WordPress media library. To start to work with the products – get your own API key. 
After that, select the category in the current settings. To do this, you need to create products, fill in the appropriate fields and assign it to a specific category.
Button Text – a field to enter the button text for the grid items.Īn option that allows you to display the grid of certain WooCommerce products category. Order – select Descending or Ascending order. Order by – allows to order the result by Publish date, Date of modified, Title, Slug, Comments count, Author, Content, Post ID, Parent, Random order. Select AND to display the items assigned to each of the specified terms. Select OR to display all items from the specified terms. Terms relation – a relation between term sets. Terms of Product tags taxonomy – select taxonomy terms for the current post type. Category/Taxonomies for Products – depending on the post type, you will see a field for choosing a category (for regular WP posts) or for choosing a taxonomy (for custom post types). Post type – select the available post type from the list. 
Filtering and sorting options are also available for this source type. PostsĪn option that allows you to display the grid of posts, pages, products content as well as custom post types. Once you select this source, a new “Content” section with settings is displayed on the Content tab, where you can add and configure the required number of elements.
Select which type of source you want to use for the grid: CustomĪn option allows you to create custom grid boxes with the necessary content for each of them via TinyMCE editor. On the Content tab of the Grider widget, you can manage the basic settings of the posts grid such as the number of columns, source, navigation, layout, etc. Each of the tabs presented a specific group of settings: In the left pane of the editors, you can customize the widget to the style of your site. Open or create a page using Elementor and drag the widget to a page using the Elementor editor to start customizing. This responsive and easy to use plugin allows adding multiple grids on one page and throughout your site to make your site more orderly, convenient and keep visitors engaged.įor further work, you need the Elementor to be installed on your site. Posts, Woocommerce products, simple images, or custom items can be used as content. Сreate a posts grid using Grid widget for Elementor.
0 kommentar(er)
