The WooCommerce Merchandise Module is Divi’s integrated answer for exhibiting merchandise. It mechanically connects on your store and gives fast toggles for product photographs, titles, costs, scores, and add-to-cart buttons.

Divi 5‘s new Loop Builder takes a essentially other technique to development product options. You design the product card with any modules you select, after which dynamically feed WooCommerce information into it. Each gear show product listings, but every excels in numerous eventualities. You’ll use both, however the Loop Builder provides way more flexibility, which might permit you to construct a greater on-line retailer. Let’s examine the 2.

Showing Product Feeds With The WooCommerce Merchandise Module

The WooCommerce Merchandise Module is constructed for same old ecommerce patterns. It assumes you need recognizable product playing cards and allows you to toggle what presentations, conserving setup speedy and selections easy.

Consider how WooCommerce merchandise paintings. Each and every product stocks positive not unusual parts that make it recognizable as ecommerce content material. Those shared traits come with:

1. 1. Product Identify
   2. Product Symbol
   3. Worth
   4. Sale Badge
   5. Famous person Score

The Merchandise Module used to be designed with those conventional parts in thoughts. Pictures display what you’re promoting. Titles establish the product. Costs inform consumers what it prices. The add-to-cart button completes the sale.

Divi’s Merchandise Module syncs to those parts mechanically. You drop it at the web page and pick out what to turn. The feed seems without a customized question paintings in any respect (except you need to restrict what’s being proven, during which case there are integrated filtering gear).

The toggle method makes adjustments painless. You’ll disguise the score however stay the fee, display sale badges, or skip the outline. Small selections and fast effects.

Product Attributes

The Merchandise Module can show WooCommerce merchandise at the side of filtering choices for product sorts (like featured merchandise).

The Merchandise Module works nice whilst you keep on with WooCommerce’s same old information construction. It limits its choices to fields which might be local to WooCommerce’s default product information.

Detailed specs, customized badges, delivery estimates, or anything else customized received’t seem within the Merchandise Module as it used to be constructed for same old WooCommerce fields. The module has no toggle for the ones customized product main points.

Customized Layouts

Format keep an eye on could also be somewhat constrained; the module makes use of a hard and fast grid construction, permitting you to set the selection of grid columns. Then again, it does now not come with Divi’s latest Grid and Flex CSS structure controls.

Customized Product Shows The use of Loop Builder

Divi’s Loop Builder gives you a unique technique to exhibiting WooCommerce merchandise. As an alternative of operating inside the constraints of a unmarried module with predetermined parts, the Loop Builder permits you to assemble your product show from person Divi Modules organized precisely as you envision them.

The use of the Loop Builder calls for extra concept and preparation, however you received’t be restricted within the techniques you have been with the Merchandise Module. With the Merchandise Module, you’re employed inside of current constraints and make the most efficient of predetermined choices. With the Loop Builder, you get started with a clean canvas and assemble precisely what you want the use of any aggregate of Divi Modules.

Mini Thesaurus

This can be a brief set of phrases for newbies who’re new to operating with customized product presentations:

• WooCommerce Product Knowledge: Usual product knowledge like worth, SKU, inventory standing, and scores that WooCommerce retail outlets mechanically.
• Product Attributes: Customized product houses like measurement, colour, or subject material that you just outline in WooCommerce.
• Customized Fields: Further information you upload to merchandise past WooCommerce’s default fields. Examples may come with care directions, nation of foundation, or sustainability scores. Those have a tendency to be added with plugins.
• Product Classes & Tags: WooCommerce’s integrated taxonomies for organizing merchandise.

When you get misplaced in one of the vital main points, refer again to this thesaurus. However we’ll make issues easy for you alongside the way in which.

How The Loop Builder Works With WooCommerce

The loop Builder isn’t a unmarried module. This can be a container together with your selected modules inside of it. When the container is about to “Loop” with a question form of “Merchandise,” it repeats itself for every matching product. Within the container, you’ll position Symbol, Heading, Textual content, Button, and some other Divi modules.

You bind the content material of every of the ones modules to the right kind WooCommerce information token. Divi’s UI makes this simple. The Symbol issues to the product symbol. The Heading issues to the product identify. The Textual content Module can display the fee. The Button hyperlinks to the add-to-cart motion or product web page.

This modular method will give you whole construction and spacing keep an eye on. You’ll put photographs above or beside titles. You’ll upload more than one textual content blocks for worth, SKU, and customized fields. You’ll create distinctive badge designs or customized score presentations. This manner, you construct the product card you want, now not a card this is pre-configured by means of a module.

Examples With WooCommerce Merchandise And Customized Fields

Let’s make this concrete with a handy guide a rough situation. We’ll briefly construct a equivalent product card (when compared with the instance Merchandise Module above) and switch the knowledge assets to turn the Loop Builder’s flexibility.

And observe some kinds that will probably be used with every submit merchandise within the loop.

Then, construct a customized Loop for same old WooCommerce merchandise. Use the “Product” submit kind. We will be able to additionally use 4 submit pieces on this loop.

Now, we’ll briefly assign some fundamental dynamic content material to the sub-modules of this Loop. We’ll get started with Product Featured Symbol, Product Identify, and Product Worth.

Now, when you have customized fields with information implemented thru a WooCommerce extension, you’ll observe the ones by means of Customized Box assignments throughout the Dynamic Content material selector. I additionally went forward and added an icon and adjusted up the flex settings to organize the pieces higher.

And that is the result. A clean-looking card for a product class web page during the Theme Builder. It makes use of a customized box and easy filtering, making the Loop Builder excellent for this goal.

How do you upload the ones customized fields to WooCommerce merchandise? Complicated Customized Fields (ACF) is the go-to selection right here, whilst Pods, Meta Field, ACPT, and Toolset too can do the activity. A lot of WooCommerce extensions be offering this capability in particular for WooCommerce.

Opting for The Proper Software For Your Store

That is much less about uncooked options and extra about discovering the precise are compatible. Pick out the quickest trail that meets the requirement. Transfer gear when the desire adjustments. Infrequently the Merchandise Module will do the trick, however you have got a powerful pivot with the Loop Builder when it doesn’t.

When The Merchandise Module Is Ideally suited

Succeed in for the Merchandise Module when the cardboard you need to design contains simplest same old WooCommerce fields. Easy product catalogs that hyperlink out to person product pages. The Merchandise Module additionally has somewhat higher filtering choices, so you’ll exhibit featured merchandise or the ones on sale.

When The Loop Builder Is Ideally suited

Use the Loop Builder when you want customized fields that ordinary WooCommerce merchandise don’t come with, or when your product card design doesn’t fit a inventory trend. The trade-off is that you just’ll wish to paintings across the lacking WooCommerce-specific filters by means of the use of classes, tags, or customized fields as a substitute.

Construct Your Personal Product Shows With Divi 5

Divi’s Merchandise Module remains to be the quickest option to show a regular WooCommerce product grid, and it stays the best choice for WooCommerce-specific filters, equivalent to featured merchandise, sale pieces, best-sellers, and sorting by means of worth or reputation. The Loop Builder unlocks customized product playing cards, customized fields, distinctive layouts, and whole design keep an eye on. The Loop Builder may also be custom designed and molded into the precise structure and design you bear in mind, while the Merchandise Module has some barriers.

The most productive section about this choice is that you’ll stay each on your toolkit and select in accordance with the specific segment you’re growing. Divi 5 is coming in combination and is extra robust (and strong) than ever.

The submit Replacing The Woo Products Module With Custom Loops In Divi 5 gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more