Posts

How To Build A Filterable WooCommerce Product Grid In Divi 5

Image
A product grid gives shoppers a way to browse your catalog. Search, filters, and sorting help them narrow that catalog to products that fit their needs. In Divi 5 , the Loop Builder lets you create custom product cards and repeat them in a grid, while the Post Filter Module provides the controls shoppers use to refine the results. Below, we’ll build a product grid that shoppers can search by keyword and narrow by category and price. Along the way, we’ll look at other controls you can add, including stock status, review ratings, product attributes, and sorting by price, popularity, or rating. You’ll need Divi 5, WooCommerce, and a few products in your catalog. Prepare Your Product Catalog WooCommerce must be installed and have products ready to display before you begin. If you need help with that, our guide to installing WooCommerce covers the setup, and the Divi and WooCommerce integration page explains how the two work together. Filters use data that already ...
Post a Comment
Read more

Building And Designing A Loop With Divi AI Agents

Image
Divi AI Agents let you build and edit websites through conversation. Inside Divi 5 , the interface sits beside the page in the Visual Builder and can create sections, rows, and modules while you watch. Attach a screenshot and describe the layout you want. Divi AI Agents can build a native Divi structure that you can continue editing in the Visual Builder. In this post, we’ll use Divi AI Agents with three Divi 5 features to recreate a filtered blog index: Flexbox for the page skeleton and cards, Loop Builder for a repeating post card, and Loop Filter Modules for search, category and author filtering, and Apply and Reset controls. The goal is a working blog post loop that matches the reference layout: a hero, a sidebar of filters, and a grid of live posts. We’ll start from the screenshot, then attach dynamic content to real WordPress content one stage at a time. What Are Divi AI Agents? Divi AI Agents work with native Divi elements, including Sections, Rows, Columns, a...
Post a Comment
Read more

Divi 5.14 Release Notes

Image
It’s official; the beta phases have ended, and Divi 5 has arrived. This isn’t the end; it’s a new beginning for Divi, and we are moving forward faster than ever with weekly updates. If you use Divi 5 , you’ll see a version 5.14  update notification today. If you want to get an early inside scoop, I often post progress reports in the Divi Theme Users Facebook group. Join us! What’s New In Divi 5.14? The update includes 97 bug fixes and improvements. and some major enhancements to Divi AI’s quick image, text, and code generation tools . Better AI Image, Text & Code Generation Divi AI just got a major intelligence upgrade . 🧠 We upgraded the underlying AI models that power Divi’s text, image, and code generation tools, greatly improving the quality of the content they produce. Generate photo-realistic images, create and edit website copy, write custom code, and more, all from the quick AI tools built directly into Divi. Recently, ...
Post a Comment
Read more