Skip to main content

139 docs tagged with "woocommerce"

View all tags

Activate Your Mini Cart

Activate and configure the WooCommerce mini cart in Divi BodyCommerce to display cart contents without leaving the page.

Ajax Add To Cart

Set up Ajax Add to Cart in Divi BodyCommerce so your WooCommerce store pages don't reload when customers add products to their cart.

Ajax Filters

Set up Ajax filters in Divi BodyCommerce using the Filter Posts and Product Loop modules to let customers filter WooCommerce products dynamically.

BodyCommerce Mods Overview

Find BodyCommerce Mods in the Divi Engine hub, including site-wide, archive, product, cart, checkout, form fields, shortcodes, and custom CSS.

BodyCommerce Module Overview

Complete overview of all Divi BodyCommerce modules, organized by page type including account, shop, product, checkout, and cart modules.

BodyCommerce Shortcodes

Access and use Divi BodyCommerce shortcodes to display WooCommerce elements like product loops, carts, and checkout anywhere on your site.

Checkout Fields

Add and configure custom checkout fields in Divi BodyCommerce including text, textarea, and checkbox field types.

Checkout Funnel - Order Bump

Set up an order bump on the WooCommerce checkout page using Divi BodyCommerce to offer discounted products at checkout.

Checkout spam protection

Reduce bot and spam checkout submissions with hidden honeypot fields, minimum-time validation, rate limiting, temporary lockouts, and optional logging with an admin log viewer.

Conditional Filters For BodyCommerce

Build conditional filters in Divi BodyCommerce that show or hide a second filter based on selections in a first filter for smarter product filtering.

Create A Tags Template Page

Create a custom WooCommerce product tags template page in Divi BodyCommerce using the Divi Library and archive modules.

Custom Cart Icon

Customize the WooCommerce cart icon in Divi BodyCommerce with custom SVG icons, colours, animations, and badge styles.

Custom Checkout Fields

Create and configure custom checkout fields in Divi BodyCommerce to collect additional information from customers during WooCommerce checkout.

Custom Product Badges

Configure custom product badges in Divi BodyCommerce to display sale, out of stock, new, and featured labels on your WooCommerce products.

Customise Product Tabs

Customize WooCommerce product tab styling in Divi BodyCommerce including header colours, content backgrounds, and tab text.

Display Products By Tag

Display WooCommerce products filtered by tag on archive pages using the Divi BodyCommerce Product Loop module.

Divi 5 module overview

Complete BodyCommerce 10.0.0 Divi 5 Visual Builder module list by store area, with links to every module reference.

Email Template

Customize WooCommerce order email templates in Divi BodyCommerce by changing colors, logos, fonts, headers, and footer content to match your brand.

Filter by ACF Date

Set up an ACF Date filter in Divi BodyCommerce to let users filter WooCommerce products or posts by date picker and date range fields.

Filter By Attribute

Configure product attribute filters in Divi BodyCommerce to let customers filter WooCommerce products by size, color, and other custom attributes.

Filter sources and control types

Choose what visitors filter on—taxonomies, search, WooCommerce fields, ACF, meta—and which control style each filter item uses.

How To Setup Variation Swatches?

Set up variation swatches in Divi BodyCommerce to replace default dropdowns with color, image, and label swatches on WooCommerce variable products.

How To Setup Your Account Area

Set up a custom WooCommerce account area with navigation, dashboard, orders, and address sections using Divi BodyCommerce.

How To Style Quantity Field

Enable and style a custom quantity input field on your WooCommerce store using the Divi BodyCommerce Form Field Customizer.

Install

Download, install, and license Divi BodyCommerce from one ZIP that includes Divi 5 and Divi 4 modules. WooCommerce required.

Multi Filter

Create multi-select filters in Divi BodyCommerce that allow customers to choose multiple categories, tags, or attributes to filter WooCommerce products.

Overview

Build a custom WooCommerce store in Divi with BodyCommerce modules, Theme Builder templates, and bundled Ajax Filter. Works on Divi 5 and Divi 4 from one plugin ZIP.

Pagination

Set up and style custom pagination for WooCommerce product loops in Divi BodyCommerce with load more buttons, infinite scroll, and numbered pages.

PL Price: How To Add Product Price?

Add and configure the PL Price module in Divi BodyCommerce to display WooCommerce product prices on product pages and in custom loop layouts.

Premade Checkout Styles

Choose from premade WooCommerce checkout styles in Divi BodyCommerce including multi-step, accordion, one page, and Shopify layouts.

Product Image Gallery Slider

Set up a product image gallery slider in Divi BodyCommerce with lightbox, zoom, and thumbnail navigation for your WooCommerce product pages.

Product Tabs

Configure product tabs in Divi BodyCommerce to display descriptions, reviews, and custom content in a tabbed layout on WooCommerce product pages.

Quickstart Guide

Set up Divi BodyCommerce on Divi 5 or Divi 4: settings hub, Theme Builder or assigned layouts, custom loop cards, and shop and product templates.

Settings hub

Navigate the BodyCommerce settings hub for store pages, cart and checkout, shopper features, site-wide options, and bundled Ajax Filter Catalog index.

Sharing Icons

Add and customize social sharing icons on your WooCommerce product pages in Divi BodyCommerce so customers can share products on social media.

Show On Sale Products

Display only on-sale WooCommerce products using the Divi BodyCommerce Product Loop and Product Carousel modules.

Show Shipping Cost On Cart Page

Display shipping costs on your WooCommerce cart page by configuring the correct page settings and shipping options in BodyCommerce.

Step 13: Build The Checkout Page

Build a custom checkout page with Divi BodyCommerce using premade layouts or CHP modules including multi-step and Shopify-style options.

Step 14: Build Your Account Page

Build a custom WooCommerce account page with Divi BodyCommerce featuring navigation, dashboard, orders, and other account sections.

Step 5: Add Categories

Create WooCommerce product categories in WordPress to organize your products before building category pages with Divi BodyCommerce.

Step 6: Add Attributes

Create WooCommerce product attributes to enable product variations like size and color for your Divi BodyCommerce store.

Step 7: Add Products

Add WooCommerce products to your website with categories and attributes configured before building your Divi BodyCommerce store pages.

Step 9: Create The Shop Page

Build your WooCommerce shop page layout in the Divi Library using the Product Loop module and your custom loop layout with BodyCommerce.

Thank You Page

Build and assign a custom WooCommerce order confirmation thank you page using Divi BodyCommerce and the Divi Library.

Variation Swatches Tooltip

Enable and customize tooltips for variation swatches in Divi BodyCommerce to show color or image previews when customers hover over swatch options.