Click Set Values. Phasellus sit ... Proin tristique sem vitae diam tristique suscipit. You can filter on any taxonomy and term. The Filterable Grid for Divi module by default mimics the style of the Filterable Portfolio module. Sed luctus ... Nullam purus risus, varius eu ex bibendum, vestibulum commodo ... Morbi mollis porta volutpat. Query Options let you choose the query type from Basic, Advanced, and Custom. Phasellus eleifend ... Donec aliquet a sem at dictum. Is it possible with the plugin to use different posts of different taxonomies in one query? Proin id pretium leo. Our Custom Query option allows you to create a different custom query for different pages. I am using it on my website for a couple of months now. Aliquam facilisis erat lectus, eget hendrerit ... Nullam mollis arcu ut urna dictum, eget pellentesque elit consectetur. Choose from multiple layout options: grid, list, fullwidth, none. Unlimited Websites. I’ve chosen one category in this example. The reader can select the arrows to see the featured images of all the posts. In this example, I’ve reduced the width so they show in a single row. I’ve added text and changed the arrows in this example. I do think it would be a touch more intuitive if those color adjustments were moved to the Design tab. When you click on one of these links, you get a discount, we get commission, and Elegant Themes makes another sale. Divi FilterGrid is the most powerful and flexible plugin for displaying posts and any post type in Divi. It still shows the original filter, but you can create your own or disable it. It would have been impossible to extend our other plugin with all of these features without breaking existing layouts. – Build the layout on CSS Grid, an extremely flexible framework that makes it easy to modify the position and order each element within each grid item (and the grid itself). Nullam vel ... Mauris pretium urna eu urna tincidunt venenatis. The Pagination Options allow you to choose the pagination type. Anything you want! We’ve made it easy to select the content you want and display it in a beautiful, filterable grid. If he's not writing or reading, he's probably playing guitar. Did you know Divi FilterGrid makes it REALLY easy to add custom fields to each grid item? What is a Paywall and When Should You Use One? Divi FilterGrid has similar features and functionality, but it’s built from the ground up. This website is not affiliated with nor endorsed by Elegant Themes. I’ve customized each of these in the image above. I’ve increased the size of the font, changed the color, and added a shadow effect. I’m using the default text (it can be changed in the content tab). The documentation includes several examples to step you through it. I’ve changed the color of the title, made it all caps, increased the size, centered it, and increased the character spacing. We encourage sharing the exciting features offered by our plugin with a friend or loved one. Divi FilterGrid is an interesting plugin. I guess, I’ll give it a try Brad – Thank you for the clarification. I love having the color adjustment options for the backgrounds. The ultimate email opt-in plugin for WordPress. ... Cras lectus quam, feugiat eu faucibus vitae, consectetur sed neque. The Divi FilterGrid plugin is in a league of its own – built on the powerful and flexible CSS Grid system to give you complete control of how your posts and custom post types are displayed in Divi. Divi FilterGrid is great for both developers and personal use! Nearly everything can be easily configured right from within the module’s settings. It really stands out from the rest as you said. Nunc feugiat diam ... Nullam purus risus, varius eu ex bibendum, vestibulum commodo tortor. With 40+ Divi premium modules and extensions to choose from. Hopefully this makes it a little more clear why Divi FilterGrid is different! Sorry for all the questions, just want to make sure I understand everything. This plugin really looks promising! – Add Skin options. ... Cras lectus quam, feugiat eu faucibus vitae, consectetur sed ... Nullam mollis arcu ut urna dictum, eget pellentesque elit ... Proin tristique sem vitae diam tristique suscipit. If so, yes you can display images without linking to anything. But a lot of the HTML and CSS are borrowed from the original portfolio modules in Divi. – Add more control over the query and filters, allowing more complex solutions. Others enjoy creating beautiful websites with pixel perfect grids. Sed luctus enim a tellus faucibus accumsan. We want to hear from you. ... Vestibulum ut quam id nibh commodo auctor. The filters text lets you style the font for the filter. It provides a link to documentation where you can learn how to set this up. It uses the same style for the filter buttons and a 4-2-1 column layout for desktop/tablet/mobile. CSS users won’t have any trouble targeting specific elements to customize. I styled it to match the colors, font styles, and the rounded corners for the posts. Awesome Black Friday Perks For Divi Lifetime Members Are Coming. This is the List layout using the default skin. It can display posts from any custom post type and create custom filters to display them according to any taxonomy you choose. Morbi ullamcorper metus leo, at ultricies turpis interdum non. I’ve also set the text to white (it’s green by default). If you’re a developer looking for advanced customization, we’ve added several hooks for you to modify the query, filters and output. The Filters Options allow you to filter the grid by search terms. It’s hard to keep up with comments on here so if anyone has any questions, please hop over to our site and shoot us a message. Sed luctus enim a tellus faucibus accumsan. That was really helpful! Perhaps most other readers are more sophisticated than me and can immediately understand what a new feature is about. We’ve also added skins, allowing you to visually transform each grid item by simply selecting a different skin. Choose which posts from each post type you want to display. Anywhere you like on your page, add a new filterable portfolio module. It's a win-win for everyone!!!! Click the buttons to see specific information about advanced features. For the paged option you can choose the arrows, text, and the number of pages that shows in the links. Unfortunately the post author is neither. You can display practically any post type and display multiple post types together. The layout options can create some interesting designs. It also includes the standard background options you’d expect in a Divi module. You can also show the title, add the link to the title, add an excerpt, limit the excerpt character-count, show a read more button, add custom fields, and more. Nearly everything can be easily configured right from within the module’s settings. You can add the image by itself, with a solid overlay, or with a gradient overlay. **Some of the links and images on this site are affiliate links for the Divi theme. It lets me choose the specific categories or tags I want to use and then specify their relationship to the search term. Brown in Divi Resources. The icon is in color and stands out from the rest. Divi Design Showcase: New Submissions from November 2020, How to Create a Sticky Promo Video with a Show/Hide Toggle in Divi, Get a FREE Bike Repair Layout Pack for Divi. The Advanced options give you several new features. I’ve changed the color and line spacing. Hey, I bought this plugin and have to say i have not been disappointed. This plugin/new feature looks very promising. You can create a custom query that would allow you to query a specific author or multiple authors, but the filters can not currently be generated with author names. Brown in Divi Resources | 16 comments. Please visit our site and click on Support -> Email Us if you have any other pre-sales questions. I’d love to hear what use cases were better for each one. – Make it easy to change the number of columns in the grid using a slider in the module’s settings I’ve rounded the edges and gave it a background gradient. Alas, if many such readers exist, I am not one of them. Filterable Blog Module Free Divi Layout. Each button will link to an author page that you would need to create. Let us know what you think about it in the comments. You can adjust that separately in the backgrounds option in the Content tab. We’re really good at building plugins. You can also set the order and filter by ID, name, or a custom order. That means it has passed our review and has been found to meet our quality standards. Brown is a freelance writer from east TN specializing in WordPress and eCommerce. The load more button also includes the basic styling options. Hey Divi Nation! Display blog posts, projects, products, create galleries, and much more. The post meta data text adjusts all of the post meta together. You can visit Divi Plugins in the marketplace to see all of their available products. This one opens the image in a lightbox gallery. Downloading Divi FilterGrid can be an emotional experience. I’ve also reduced the font size. Posted on September 8, 2019 by Randy A. There are four options to purchase Divi FilterGrid: You can purchase the plugin from the developer’s website. Hi Steve. Posted on November 26, 2020 by Randy A. It’s that time again for our monthly Divi Showcase, where we take a look at ten amazing Divi websites made by our community members. Current version - 2.4 Last updated - 11-14-2020 They include post elements, query options, filter options, pagination options, and background to adjust all of the background colors. Divi FilterGrid is available in the Divi Marketplace! The Divi FilterGrid module is added to the Divi Builder. Who doesn't love a delicious coffee and dessert? You can also change the overlay color, icon, and icon color. In this example, I’m adjusting the pagination text. But like so many wonderful new Divi features and elaborate explanations how to use them, the upfront summary is awful at providing a quick overview of why a reader should care. Morbi in rhoncus mi. Choose the categories, post number, offset number, and order by options. Filterable Grid for Divi is the perfect solution if you want to display a filterable portfolio without the need to use Divis build in Project post type. The posts are shorter in this option. In this one, I’ve added the title, all of the meta, the excerpt, and the read more button. Morbi in rhoncus mi. It really could be the answer for a feature I missed in Divi, yet. The Layout Options let you select a layout, a skin, set the items width, the column and row gutter size, and the grid font size. This is Fullwidth. There are lots of styling options for the read more button. Each month we showcase the best Divi websites that were submitted from our community and today we want to share with you the top ten websites for the month of... Posted on November 24, 2020 by Jason Champagne in Divi Resources. In the example above, I’m setting a taxonomy. View the demo and download this free layout plus 24 other awesome free Divi resources by subscribing below. Raise your hand if you love Divi FilterGrid! Thanks for the review! Donec finibus massa id ipsum vehicula vestibulum. This allows you to get extra detailed and not just show posts based on categories or tags. All of the HTML and CSS is independent of Divi’s existing portfolio modules. Each author will have his/her own page. Because the layout is built on CSS Grid, it’s really easy to make dramatic layout changes using CSS only Divi FilterGrid is a third-party plugin that adds a new filterable module to the Divi Builder. Zoom Image shows each image with an overlay and the title in the center. *Divi is a registered trademark of Elegant Themes, Inc. Choose from paged, a load more button, or to load more on scroll. Unlimited Users. Harness the power of Divi with any WordPress theme. In the query options, click Select Post Types and then select the post type from the modal. The Background settings let you customize the backgrounds of the grid, filters, active filter, pagination, and active pagination. Nullam euismod tempor orci, ... Mauris pretium urna eu urna tincidunt venenatis. You can link to the post, show the image in a lightbox, in a lightbox gallery, show the post in a popup, or open a custom lightbox gallery. Here we use a 3-3-1 layout with manually created content. Choose the content you want displayed in the grid. Hi Jules! Fusce euismod eros justo, non ... Quisque tempus blandit libero, quis egestas magna lacinia sed. Select specific post types, taxonomies, terms, and exclude terms and taxonomies. The Content tab adds a lot of features. I do recommend exploring to see all of the options. The Custom query type allows you to use custom content. It also includes the standard link and admin label options. I found it easy to use with custom post types. Vivamus tempus ante nisi, nec cursus elit ... Morbi mollis porta volutpat. So close, that I’m confused why a second plugin was created and the first wasn’t extended. Clicking the post title still opens the post in the same tab. Divi FilterGrid is really good. It can display posts from any custom post type and create custom filters to display them according to any taxonomy you choose. For the custom order, you’ll see a box where you can enter the values separated by commas. It’s an excellent module for displaying different types of content. Hi Brown You can purchase the plugin from the developer’s website. Utilize the power of CSS Grid to easily change the order of item elements. As a workaround, you can create a global module with your author filter buttons. The Design tab provides customizations for the layout options, post title text, post meta data text, post content text, filters text, pagination text, read more button, load more button, and all of the standard Divi module options. For this week, Kenny and his team have created a Bike Repair Layout Pack we think you are going to... Hi John! I’ve increased the font size, added character spacing, adjusted the border, added a gradient, and disabled only showing the icon on hover. Next, click the Design tab and set the Layout to Grid (I am assuming you want a grid layout here). He's a longtime WordPress enthusiast and loves learning new things and sharing information with others. Documentation is available at the developer’s website. We’ll look into adding author filters to make this much easier, but depending on how many different authors you have on your site, the workaround above might not be a bad option. The filtering options can be as complex as you want them to be. I believe you may be referring to our Owl Carousel plugin? that has all the text for each staff member on the slider OR would we need to change the WordPress limitations on how long a excerpt goes for. For this example, I’m showing the post in a popup. The entire layout is built using multiple CSS grids. Fusce euismod eros justo, non aliquam dui eleifend eu. Built to get you more shares and more followers. In the pro version would it be possible to only display the image without the click through? In this example, I’ve added the image behind my green gradient. This creates a nice mosaic gallery design. It doesn’t display in the editor mode, but you can also add an image to the button. And yes with all of our plugins that display posts and custom post types, you can display an excerpt, custom fields, or custom content from each post. I’ve also adjusted the blur strength. Products purchased from the Divi Marketplace come with unlimited website usage and a 30 day money back guarantee (just like Divi). This is really close to Portfolio Posts Pro, another plugin by Divi Plugins. You can also set post number and order options for taxonomies. On each author page, you could then display this global module and below that display posts from that author using our plugin. This is Items in Overlay. The perfect theme for bloggers and online-publications. POWERFUL & FLEXIBLE. The Post Elements options let you show or hide the featured image and then determine the thumbnail action. This allowed us to do a lot of things we couldn’t do in Portfolio Posts Pro like: In the filter options, click filter taxonomies and choose your taxonomies from the list. Some people enjoy jumping into the warm ocean waters on a beautiful sunny day to catch a wave. Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. Preview 110+ Premade Websites & 880+ Premade Layouts. Proin tristique sem vitae diam tristique suscipit. In the example above, I’ve adjusted the background colors for the filter, grid, and pagination. It is nice, though, to be able to customize the colors independently. Thanks Randy for taking the time to review our plugin! ... Quisque tempus blandit libero, quis egestas magna lacinia sed. Having the color options in the Content tab means that color options are in two different locations. Simply turn on the custom field option, choose the custom field(s) you want to display, and even drag and drop each field in the order you want to display them! We offer a 30 Day Money Back Guarantee, so joining is Risk-Free! Define the number of columns to display for desktop, tablet and phone. It places the title, meta, and excerpt at the bottom of the image. The image zooms on hover. I now have a WooCommerce product module that I can style to my heart’s content. You can for example choose how many columns you want to display for each device class. I’ve also reduced the size of the read more button and styled the text white. Randy A. Create awesome masonry galleries with Divi Masonry Gallery. This free Divi layout uses the native Divi tabs module along with library layouts containing blog modules displaying different categories to show a filterable module similar to what you see in the Extra theme. For this one, I’ve gone back to the default size but made the text light in weight. You can also click on the question mark for every feature in the module to see an explanation of how to use it. Display any custom post type: posts, projects, products, events, testimonials, etc. A promo video is a wonderful marketing tool for promoting your products and services to all those visitors who would rather just watch a video than explore your page for information. Thanks!~. With lots of other great features including custom content, AJAX load more, and lightbox and popup options – Divi FilterGrid is great for both developers and personal use. I’ve increased the items width so the images are larger. We recommend attending a festival or fireworks show! Robust and extremely customizable carousel module for divi. Vivamus nisl nulla, facilisis id nisi at, faucibus scelerisque eros. Nullam euismod tempor orci, non vestibulum tellus semper ut. The child terms work the same way. – Add AJAX filters and pagination, including a load more button and load on scroll option Yes, the concept of a better filter is very appealing. I’ve also removed the meta and excerpt. But I want to see a quick summary of the feature in practice before I read on. Vivamus non ligula ... Donec aliquet a sem at dictum. The default filter style has a different color for the selected filter. Define the gap between each column and row for desktop, tablet and phone. Choose which elements you want to display: featured image, title, meta, excerpt, custom fields, etc. Custom queries are done with code in the functions.php file. However, unlike the Filterable Portfolio, it’s easy to change the style. For this one, I increased the items width. Vivamus nisl nulla, facilisis id ... Fusce mollis, lectus eget malesuada finibus, elit lectus ... Nulla facilisi. The Divi Black Friday 2020 Sale Starts Now! Phasellus eleifend turpis vitae rutrum tincidunt. Marketing, not so much . We wanted to use this plugin for a staff rotator but they dont want to click through to individual content (assuming that by not having an archive this would be disabled but not sure). Once you've experienced the excitement of adding Divi FilterGrid to your website, other areas of your life may not seem as exciting. The filterable portfolio looks just like the normal portfolio module, except that it loads new projects using an Ajax request, and it includes options to filter the project list by categories. I found it to be highly intuitive. You can also show private posts and sticky posts. Select the default filter and you’ll see a modal where you can choose categories and tags for posts and projects. The Filterable Portfolio allows you to display your most recent projects in either a Grid or Standard fashion. Give site visitors more control of the results by adding a search box. We’ll look into it and see if we can add this as a feature. Featured Image via Thepanyo / In this plugin highlight, we’ll take a look at Divi FilterGrid, see what it can do, and see how easy it is to use. For this example I’ve replaced the blog module from the Dog Walker layout blog page. The Advanced tab adds 15 Custom CSS fields for just about every element within the module. When a particular category is selected, the list of projects is instantly regenerated with a new list of projects … The result looks amazing. Try Out The Drag & Drop Page Builder for FREE! For example 3 posts of a certain category and at the 4th place a single post with a special custom taxonomy (if available – otherwise at the 4th place also a normal post)? Morbi ... Vestibulum ut quam id nibh commodo auctor. And, if you are confident that your video will help boost conversions, it is a good idea to keep the video available... Posted on November 23, 2020 by Jason Champagne in Divi Resources. This is Left Vertical Filters. Display blog posts, projects, products, create galleries, and much more. The World's #1 WordPress Theme & Visual Page Builder. I’ve added an excerpt and disabled the post meta. It places the filters in a vertical stack to the left side. That’s a great question and probably something we could do a much better job conveying on our site. ... Nulla facilisi. You can visit the FAQ page or submit a support ticket from here. Since the settings layout is a bit different it was hard to inventory and compare, but they are pretty darn similar. Choose from multiple skins to instantly change the appearance of the layout and grid items. Divi FilterGrid is a third-party plugin that adds a new filterable module to the Divi Builder. Because of this, we were limited in what we could do with the plugin. Portfolio Posts Pro basically copies the existing portfolio modules in Divi and adds additional functionality and features. Would we also be able to have the text in a custom field (what drives the custom field functionality?) Select the categories you just set from the list in the Content tab, then go ahead and adjust any other settings in this tab you want. I then added WooCommerce products to appear within the blog list. It creates a filterable blog, or you can disable the filter and just show the content. I can see how this would be very helpful though. 1 License. Choose which taxonomies should be used for filtering: categories, tags, custom taxonomies. This is a great way to add various types of content within your blog stream. I would like to know those answers too, following. Great review BTW. The Divi FilterGrid plugin is in a league of its own – built on the powerful and flexible CSS Grid system to give you complete control of how your posts and custom post types are displayed in Divi. Have you tried Divi FilterGrid? Suspendisse nulla ... Fusce mollis, lectus eget malesuada finibus, elit lectus hendrerit augue, maximus condimentum ex magna ut nisi. With our custom content filter, you can easily add your own text, HTML, PHP, custom fields. If you’re interested in adding a powerful filtered grid to display your post types, Divi FilterGrid is an easy plugin to recommend. I now have a custom filter for my WooCommerce products. Library shows the cards with a border and places the title above the image. I’ve decreased the items width, removed the gutter, and selected Midnight for the skin. I’ve changed the color, increased the size, added some character spacing, and added a shadow. And the first question we ask ourselves when adding a feature is “Will this break existing layouts?” If yes, we find another way.