Replacing the Woo Products module with custom loops in Divi 5

The WooCommerce Merchandise module is Divi’s built-in answer to merchandise display. It mechanically connects to your store and offers quick steps to product photography, titles, costs, scores, and Add to Cart buttons.

Divi 5’s new Loop Builder takes an essentially different method for developing product options. You design the product listing with all the modules selected, then dynamically insert the WooCommerce information. Each tool displays product lists, but each excels in numerous eventualities. You’ll use both, but Loop Builder offers much more flexibility, which could allow you to build a better online store. Let’s look at the 2.

Viewing product feeds with the WooCommerce Merchandise module

The Merchandise WooCommerce module is built for the same old e-commerce templates. It assumes you need playing cards from recognizable products and allows you to switch which presentations, maintaining quick setup and easy selections.

Consider how WooCommerce products are painted. Each product contains positive and not unusual parts that make it recognizable as e-commerce content material. These shared traits come with:

1. 1. Product identification
   2. Product symbol
   3. Of value
   4. Sales badge
   5. Famous person score

The Merchandise module was designed with those conventional parts in mind. The images show what you are promoting. The titles establish the product. Costs inform consumers about prices. The Add to Cart button completes the sale.

Divi’s Merchandise module mechanically synchronizes with those parts. You leave it on the web page and choose what to spin. The feed appears to lack personalized question frameworks in any way (except that you need to limit what is shown, in which case there are built-in filtering devices).

The switching method makes adjustments painless. You will be able to mask the score but keep the rate, display sales badges or skip the structure. Small selections and quick effects.

Product attributes

The Merchandise module can display WooCommerce merchandise alongside filtering options for product types (such as featured merchandise).

The Merchandise module works well as you continue with the same old WooCommerce information construction. It limits its choices to fields that may be local to WooCommerce’s default product information.

Detailed specifications, custom badges, delivery estimates, or anything else custom doesn’t appear in the Merchandise module since it was built for the same old WooCommerce fields. The module has no toggle for custom product main points.

Custom layouts

The format to keep an eye on may also be somewhat limited; the module uses a rigid and fast grid construction, which allows you to set the selection of grid columns. On the other hand, it now doesn’t come with Divi’s latest Grid and Flex CSS structure controls.

The custom product shows the use of Loop Builder

Divi’s Loop Builder offers you a unique technique for displaying WooCommerce merchandise. Instead of operating within the confines of a single module with predetermined parts, Loop Builder lets you assemble your product presentation from individual Divi modules organized exactly as you imagine them.

Using the Loop Builder requires more concepts and preparation, however you will not be limited in the techniques you used with the Merchandise Module. With the Merchandise Module, you work within current constraints and make the most efficient choice among the predetermined ones. With Loop Builder, you start with a clean canvas and assemble exactly what you want to use on any Divi module aggregate.

Mini thesaurus

This could be a short series of sentences for newbies who are new to using custom product presentations:

• WooCommerce Product Knowledge: Habitual product knowledge such as value, SKU, inventory situation, and scores that WooCommerce outlets mechanically distribute.
• Product Attributes: Custom product homes such as size, color or material of the item you just outlined in WooCommerce.
• Custom fields: Additional information loaded on merchandise beyond the default WooCommerce fields. Examples may include cure claims, country of founding, or sustainability scores. These have a tendency to be added with plugins.
• Product classes and tags: Built-in WooCommerce taxonomies for organizing merchandise.

When you get lost in one of the vital main points, refer to this thesaurus again. However we will simplify the issues for you along with the way.

How the Loop Builder works with WooCommerce

The Loop Builder is not a single module. This can be a container along with the modules selected within it. When the container is about to “Loop” with a demand form of “Commodity”, it repeats for each matching product. Inside the container you will place Symbol, Header, Text Content, Button and some other Divi modules.

Map the contents of each of these modules to the right type of WooCommerce information token. Divi’s user interface makes this simple. The symbol refers to the product symbol. The header is for product identification. The textual content module can display the rate. The button links to the Add to Cart movement or product web page.

This modular method will allow you to keep an eye on the entire construction and spacing. You will place photographs above or next to the titles. You will upload more than one block of text content per value, SKU, and custom fields. You’ll create distinctive badge designs or custom score presentations. This way, you build the product sheet you want, now not a sheet, this is pre-configured via a module.

Examples with WooCommerce merchandise and custom fields

Let’s make a difficult situation concrete with practical guidance. We will briefly build an equivalent product sheet (compared to the Merchandise module instance above) and swap knowledge resources to increase the flexibility of the Loop Builder.

And note some types that will likely be used with every merchandise sent within the cycle.

Then, build a custom loop for the same old WooCommerce merchandise. Use the “Product” submission type. We will also be able to use 4 sending pieces in this cycle.

Now we will briefly assign some key dynamic content to the submodules of this Loop. We’ll start with the featured product symbol, product identification, and product value.

Now, when you have custom fields with information implemented via a WooCommerce extension, you will observe those via custom box assignments in the dynamic content selector. I also went ahead and added an icon and adjusted the flexible settings to organize the pieces higher up.

And this is the result. A clean looking tab for a product class web page during Theme Builder. It makes use of a custom box and simple filtering, making the Loop Builder excellent for this purpose.

How do you load custom fields on WooCommerce products? Complicated Custom Fields (ACF) is the go-to selection right here, while Pods, Meta Field, ACPT, and Toolset can also perform the task. Many WooCommerce extensions offer this functionality specifically for WooCommerce.

Opt for the right software for your store

It’s much less about raw options and more about finding out which ones are compatible. Choose the fastest route that meets the requirements. Shift gears when the desire fits. Rarely will the Merchandise module do the trick, however you have a powerful pivot with the Loop Builder when that doesn’t happen.

When the Merchandise module is ideal

You get the Merchandise module when the carton you need to design contains the same old WooCommerce fields. Simple product catalogs with hyperlinks to personal product pages. The Merchandise module also has slightly higher filtering options, so you will show featured merchandise or merchandise for sale.

When the Loop Builder is ideal

Use the Loop Builder when you want custom fields that regular WooCommerce merchandise doesn’t come with or when the product listing design doesn’t fit the inventory trend. The trade-off is that you’ll simply want to paint through the missing WooCommerce-specific filters by using custom classes, tags, or fields instead.

Build your own personal product shows with Divi 5

Divi’s Articles module remains the fastest option for showing a regular WooCommerce product grid, and remains the best option for WooCommerce-specific filters, such as featured merchandise, sale items, best-sellers, and sorting by value or reputation. The Loop Builder unlocks custom product playing cards, custom fields, distinctive layouts, and the entire design to keep an eye on. The Loop Builder can also be custom designed and molded into the precise structure and design you keep in mind, while the Merchandise Module presents some barriers.

The most productive part of this choice is that you will each stay in your toolkit and select based on the specific segment you are growing. Divi 5 arrives in combination and is more robust (and powerful) than ever.

The post about replacing the Woo Products module with custom loops in Divi 5 made the first impression on the Elegant Themes blog.

wordpress Maintenance Plans | wordpress hosting

Read more