Skip to main content

133 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

Explore all nine sections of Divi BodyCommerce Mods including global, archive, product page, cart, checkout, account, and login customizations.

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.

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.

Email Template

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

Enabling Transient Caching

Enable transient caching in Divi BodyCommerce to speed up Ajax filter queries by storing results in Redis, Memcached, or WordPress object cache.

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.

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

Step-by-step instructions to download, install, and activate Divi BodyCommerce on your WordPress and WooCommerce website.

Multi Filter

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

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

A quick overview of Divi BodyCommerce setup covering installation, module overview, loop layouts, shop pages, and product templates.

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.

Using Premade Loop Templates

Use premade loop templates in Divi BodyCommerce to quickly style your WooCommerce product loops with the ARP Product Loop module.

Using the List/Grid Switcher

Enable the list and grid view switcher in Divi BodyCommerce so customers can toggle between list and grid layouts on your WooCommerce shop pages.

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.