Compare drawer and Divi layout

Go to Divi Engine → Divi BodyCommerce → Compare and enable product comparison.

Drawer

The slide-over drawer lets shoppers compare products without leaving the current page. Configure its position and design, choose which fields appear, and optionally highlight differences.

You can select a Divi Library layout for the drawer. Build that layout for the compact drawer width and test it with products that have long titles and missing values.

Full compare table

Use Compare Table on the My Account compare layout. Add a Compare Item child for each row, then choose its field type, attribute, taxonomy, or custom field.

When no custom drawer layout is selected, the My Account view still uses the full Compare Table. Add Wishlist/Compare Icon wherever shoppers should add or remove products.