Like our free content? Then you'll love our exclusive Club!
Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. And new content is added EVERY Monday!
Filterable Blog Module Free Divi Layout.
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.
View the demo and download this free layout plus 24 other awesome free Divi resources by subscribing below.
Be sure to view the ‘Read Me’ file in the download package for full instructions.
If you found this helpful please leave a comment and subscribe to my newsletter for all my latest Divi related content.
Michelle X
Hi, this is a very usefull module, but can I use it for products?
You can add any layouts into the tabs you like.
Hello,
Is it possible to have the posts on more than one line? If so, how?
Many thanks,
You can change the number that display in the blog modules themeselves. It will then likely need CSS adjustments
Hi, is possibile to make this modul as carusel?
Hi, there was no readme file in the resources package I downloaded. Not sure what to do…
Its there, its an internet shortcut and leads here: https://support.divisoup.com/support/solutions/folders/29000052886
Michelle. Forever so grateful for your generosity in sharing your knowledge. I downloaded the Pack but nowhere was the readme first text file to be found. And “steps”? Any pointers?
Hi,
awesome layout, question : is it possible to dsplay excerp in the blog page ? I ticked the option (excerp of full content) but nothing is displayed
THANKS
The excerpt is just hidden with CSS, so find this in the code:
.ds-advent-5-content .post-content {
display: none;
}
And remove it
Hi! this works! I only have a problem : when a post category is, for now, empty, how can I change the error message? Thanks!
You can override /wp-content/themes/Divi/includes/no-results.php by copying the file into your child theme at /your-divi-child-theme/includes/no-results.php and editing the message there.
Hello, splendid post, thanks. I have tried it, and it showed as per your sample. However, how do you change the font? The font looked ugly here.
https://awitalife.com/test-filterable-blog-page/
Thanks!
You can change those with either custom CSS or via the design options in the blog modules
I love you.
Thanks for all
I’m stuck after step 4. The Advent 5 layouts do not show up, when i’m loading layouts. When I click and choose “Advent 5” in the categories drop down menu, there’s nothing
Anyone with the same problem?
Did you change the IDs in the shortcodes as explained in steps 5 and 6?
Hi, I have problem with this module layout. When I click old entries it doesnt show next 4 posts.
Sorry but I ma not seeing any content in there to test it
Hi, This looks good but can it be used for projects?
Yes, but the filterable portfolio module is for filtering projects so not sure why you would want to?