78 docs tagged with "modules"

AP Addresses: How To Add & Style Address Information?

Add and configure the AP Addresses module to let customers manage their billing and shipping addresses on the WooCommerce account page.

AP Avatar: How To Add & Style Users Avatar Image?

Add and style the AP Avatar module to display a user profile image or Gravatar on your custom WooCommerce account page layouts.

AP Download: How To Add & Style Downloads Area?

Add and style the AP Download module to display downloadable products on the WooCommerce account page for your customers.

AP Edit Account: How To Add & Edit Account Edit Details?

Add and configure the AP Edit Account module so customers can update their email, password, and personal details on the account page.

AP Navigation: How To Add & Edit Account Endpoints?

Add and configure the AP Navigation module to create account page navigation that connects all your custom account endpoint layouts together.

AP Order: How To Add & Edit Display Orders?

Add and configure the AP Order module to display a list of customer orders on the WooCommerce account page with links to order details.

AP User Name: How To Add & Edit Users Name?

Add and style the AP User Name module to display the logged-in customer name on your custom WooCommerce account page dashboard layout.

AP View Order: Add & Edit Order Information?

Add and configure the AP View Order module to display individual order details when a customer clicks on an order from their account page.

AP Welcome Message: How To Add & Edit Welcome Message?

Add and customize the AP Welcome Message module to display a personalized greeting on the WooCommerce account dashboard layout.

ARP After Shop: How To Add & Edit WooCommerce Action Code?

Add the ARP After Shop module to enable third-party plugin compatibility by hooking into the WooCommerce after shop loop action on archive pages.

ARP Category Loop: How To Add & Style A Category Loop?

Add and style the ARP Category Loop module to display product categories with images and descriptions on your WooCommerce shop page.

ARP Category Title/Header: How To Add & Edit Category Title?

Add and configure the ARP Category Title/Header module to display the category title, description, and image on archive and shop pages.

ARP OrderBy: How To Add And Style The Orderby Module?

Add and customize the ARP OrderBy module to let customers sort products by price, date, popularity, and other criteria on shop and archive pages.

ARP Product Loop: How To Add & Edit A Product Loop?

Add and configure the ARP Product Loop module to display products on shop, category, tag, and search results pages with custom loop layouts.

BodyCommerce Module Overview

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

CHP After Customer Details: How To Add & Edit Code Hooked Into WooCommerce After Customers Details?

Add the CHP After Customer Details module to your checkout layout to include content hooked into the WooCommerce after customer details action.

CHP Before Customers Details: How To Add & Edit Code Hooked Into WooCommerce Before Customers Details?

Add the CHP Before Customers Details module to your checkout layout to include content hooked into the WooCommerce before customer details action.

CHP Before Order Review: How To Add & Edit Code Hooked Into WooCommerce Before Order Review?

Add and configure the CHP Before Order Review module to display WooCommerce hooks that fire before the order review section on your checkout page.

CHP Billing: How To Add & Edit Billing Section?

Add and configure the CHP Billing module to display and style the billing address section on your Divi BodyCommerce custom checkout page.

CHP Coupon: How To Add & Style Coupon Field?

Add and style the CHP Coupon module to display a discount coupon input field and apply button on your Divi BodyCommerce custom checkout page.

CHP Order Review: How To Add & Style Order Review?

Add and style the CHP Order Review module to display the customer order summary on your Divi BodyCommerce custom checkout page.

CHP Payment: How To Add & Style Payment Section?

Add and style the CHP Payment module to display payment gateway options and the place order button on your Divi BodyCommerce custom checkout page.

CHP Shipping: How To Add & Style Shipping Information?

Add and style the CHP Shipping module to display shipping address fields and delivery options on your Divi BodyCommerce custom checkout page.

CP Cart Products: How To Add & Edit Current Products?

Add and configure the CP Cart Products module to display and manage the list of products currently in the cart on your Divi BodyCommerce cart page.

CP Cart Totals: How To Add & Edit Cart Total?

Add and style the CP Cart Totals module to display the cart total, subtotals, and coupon section on your Divi BodyCommerce custom cart page.

G Action/Shortcode: How To Add & Style Action A Shortcode?

Add and configure the Action/Shortcode module to render any WooCommerce action hook or WordPress shortcode on any page in your Divi BodyCommerce layout.

G Breadcrumbs: How To Add & Style Breadcrumbs?

Add and style the Breadcrumbs module to display navigational breadcrumb trails on any page in your Divi BodyCommerce WooCommerce store.

G Compare Table: How To Add & Edit A Product Compare List?

Set up the Compare Table module to let customers compare WooCommerce products side by side using Divi BodyCommerce wishlist and compare features.

G Notices: How To Add & Style Notices?

Add and style the Notices module to display WooCommerce notification messages such as success, error, and info alerts on any page in your store.

G Product Carousel: How To Add & Edit A Product Carousel?

Add and configure the Product Carousel module to showcase WooCommerce products in a sliding carousel using a custom loop layout in Divi BodyCommerce.

G Product Search: How To Add & Style A Search Bar?

Add and style the Product Search module to display a WooCommerce product search bar on any page in your Divi BodyCommerce-powered store.

G Product Slider: How To Add & Style A Product Slider?

Add and style the Product Slider module to display WooCommerce products in a fullwidth sliding showcase on any page in your Divi BodyCommerce store.

LL Thumbnail: How To Add & Edit Featured Product Image?

Add and configure the LL Thumbnail module to display the featured product image inside a custom loop layout in your Divi BodyCommerce product listings.

LL View Product Button: How To Add & Edit Custom Button For A Loop?

Add and configure the LL View Product Button module in your Divi BodyCommerce custom loop layout to link customers directly to product pages.

LP Login Form: How To Add & Edit A Login Form?

Add and customize the LP Login Form module in Divi BodyCommerce to create a fully styled WooCommerce login page with the Divi Builder.

LP Lost Password Form: How To Add & Edit A Lost Password Form?

Add and configure the LP Lost Password Form module in Divi BodyCommerce to create a custom forgot-password page for your WooCommerce store.

LP Password Confirmation Message: How To Add & Edit A Password Confirmation Message?

Add and customize the LP Password Confirmation Message module in Divi BodyCommerce to display a message after a customer resets their password.

LP Password Reset Form: How To Add & Edit A Password Reset Form?

Add and configure the LP Password Reset Form module in Divi BodyCommerce to let customers set a new password after clicking the reset link in their email.

LP Register Form: How To Add & Edit A Register Form?

Add and customize the LP Register Form module in Divi BodyCommerce to build a custom WooCommerce registration page using the Divi Builder.

Modules To Use In The Custom Loop Layout

Reference list of all Divi BodyCommerce modules available for use inside the Custom Loop Layout, including thumbnail, title, price, and more.

Modules To Use On A Custom Checkout Page

Reference list of Divi BodyCommerce modules available for building a custom WooCommerce checkout page with billing and payment.

Modules To Use On Login & Register Pages

Reference list of Divi BodyCommerce modules available for building custom WooCommerce login and registration pages.

Modules To Use On The Account Page

Reference list of Divi BodyCommerce modules available for building a custom WooCommerce My Account page layout.

Modules To Use On The Attributes Page

Reference list of Divi BodyCommerce modules available for building a custom product attributes archive page layout.

Modules To Use On The Cart Page

Reference list of Divi BodyCommerce modules available for building a custom WooCommerce cart page layout with cross-sells.

Modules To Use On The Product Page

Reference list of Divi BodyCommerce modules available for building a custom WooCommerce single product page layout.

Modules To Use On The Shop, Category & Archive Pages

Reference list of Divi BodyCommerce modules available for building custom WooCommerce shop, category, and archive pages.

Modules To Use On The Tags Page

Reference list of Divi BodyCommerce modules available for building a custom WooCommerce product tags archive page layout.

Modules To Use On The Thank You Page

Reference list of Divi BodyCommerce modules available for building a custom WooCommerce order confirmation thank you page.

PCP Cross Sell: How To Add & Style Cross Sell?

Add and style the PCP Cross Sell module in Divi BodyCommerce to display cross-sell product recommendations on your cart or product pages.

PL Add To Cart: How To Add & Edit An Add To Cart Button?

Add and configure the PL Add To Cart module in Divi BodyCommerce to display an add-to-cart button on product pages and custom loop layouts.

PL Attributes: How To Add & Edit Product Attributes?

Add and customize the PL Attributes module in Divi BodyCommerce to display WooCommerce product attributes inside your custom loop layout.

PL Meta: How To Add & Style Product Meta?

Add and style the PL Meta module in Divi BodyCommerce to show product categories, SKU, and tags on product pages and custom loop layouts.

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.

PL Rating: How To Add & Edit Product Rating?

Add and style the PL Rating module in Divi BodyCommerce to display product review stars on product pages and inside custom loop layouts.

PL Short Description: How To Add & Edit Product Short Description?

Add and configure the PL Short Description module in Divi BodyCommerce to show the WooCommerce product excerpt on product pages and loop layouts.

PL Stock Status: How To Add & Style Product Stock Status?

Add and style the PL Stock Status module in Divi BodyCommerce to display product availability on product pages and in custom loop layouts.

PL Title: How To Add & Edit Product Title?

Add and customize the PL Title module in Divi BodyCommerce to display the WooCommerce product title on product pages and in custom loop layouts.

PL Wishlist/Compare: How To Add & Edit A Wishlist?

Enable and configure the PL Wishlist/Compare module in Divi BodyCommerce to add wishlist and product comparison features to your WooCommerce store.

PP Additional Information: How To Add & Edit Additional Information?

Add and configure the PP Additional Information module in Divi BodyCommerce to display product attributes and details on your WooCommerce product page.

PP Attributes: How To Add & Edit Attributes?

Add and configure the PP Attributes module to display product attributes on your custom WooCommerce product page built with Divi BodyCommerce.

PP Featured Image: How To Add & Edit Product Featured Image?

Add and configure the PP Featured Image module to display the product featured image on your custom WooCommerce product page with Divi BodyCommerce.

PP Gallery: How To Add & Edit Product Gallery?

Add and configure the PP Gallery module to display product image galleries with horizontal or vertical slider styles on your Divi BodyCommerce product page.

PP Pro Before: How To Add & Edit Before Action Code?

Add the PP Pro Before module to output the WooCommerce before_single_product action hook, ensuring compatibility with third-party plugins on your product page.

PP Pro Navigation: How To Add & Style Product Navigation?

Add and style the PP Pro Navigation module to display previous and next product navigation links on your Divi BodyCommerce product page.

PP Product Content: How To Add & Edit Product Content?

Add the PP Product Content module to display the WooCommerce long description on your custom product page, allowing unique content per product in Divi BodyCommerce.

PP Related Products: How To Add & Style Related Products?

Add and style the PP Related Products module to display related products on your WooCommerce product page with custom loop layouts in Divi BodyCommerce.

PP Reviews: How To Add & Style Product Reviews?

Add and style the PP Reviews module to display the WooCommerce product reviews section on your custom product page built with Divi BodyCommerce.

PP Sharing: How To Add & Style WooCommerce Sharing Action?

Add and style the PP Sharing module to display WooCommerce social sharing buttons on your custom product page built with Divi BodyCommerce.

PP Summary: How To Add & Style Product Summary?

Add and style the PP Summary module to display the product title, price, short description, add to cart button, and category on your Divi BodyCommerce product page.

PP Tabs: How To Add & Style Product Tabs?

Add and style the PP Tabs module to display custom product tabs including content, additional information, and reviews on your Divi BodyCommerce product page.

PP Up-Sell: How To Add & Style Product Up Sell?

Add and style the PP Up-Sell module to display up-sell products on your WooCommerce product page with custom loop layouts in Divi BodyCommerce.

Step 11: Build The Product Page Template

Build a single product page template in the Divi Library with Title, Thumbnail, and Add to Cart modules using Divi BodyCommerce.

Step 4: Module Overview

Learn about the Divi BodyCommerce modules, their naming conventions, and which modules belong on which page templates.

TP Customer Details: How To Add & Style Customer Details?

Add and style the TP Customer Details module to display customer information on your custom WooCommerce thank you page built with Divi BodyCommerce.

TP Order Details: How To Add & Style Order Details?

Add and style the TP Order Details module to display order information on your custom WooCommerce thank you page built with Divi BodyCommerce.

TP Order Review: How To Add & Style Order Review?

Add and style the TP Order Review module to display the order overview summary on your custom WooCommerce thank you page built with Divi BodyCommerce.

TP Payment Details: How To Add & Style Payment Details?

Add and style the TP Payment Details module to display payment information on your custom WooCommerce thank you page built with Divi BodyCommerce.