Skip to main content

Add to Cart module

Divi 5 only

This reference is for Divi 5. On Divi 4, use PL Add to Cart.

Purpose and when to use​

Use Add to Cart on product templates and, when enabled, on archive cards so shoppers can add simple or variable products.

Content tab​

Out of Stock​

SettingNotes
When product is out of stockHide the module, show a custom button, or leave WooCommerce defaults
Out-of-stock button textLabel when you show a custom out-of-stock button

Layout​

SettingNotes
Show variations on archiveVariation dropdowns on shop/category cards instead of a product link
Full width button / Full width quantityStretch controls
Button and quantity alignmentHorizontal alignment
Variation fields alignmentAlignment for variation selectors

After Add to Cart​

SettingNotes
Hide view cart link on archivesHides the Ajax “View cart” link on shop pages
Scroll to top after AJAX addScrolls to notices after Ajax add

Button Labels​

Separate labels for simple, variable (product page vs archive), subscription, grouped, and external products.

Design and Advanced​

Style the button and quantity field in Design. Advanced includes standard Divi CSS and conditions.