BodyCommerce Module Overview

Written by the Divi Engine Documentation Team

Introduction

Follow this information to learn about BodyCommerce modules.

View BodyCommerce Modules

To view our modules, go to Divi Library and create a new Test layout. Add a Section and Row and then a Module. All our modules have a code before the name like ARP or CP.

Module Specificity

The most important fact to know is that our modules are very specific. What this means is that you cannot add any module anywhere. You need to place each module on the right page. For example, you cannot add the Title module to a product category template.

AP Addresses

What it does: This module will display the addresses information in the account area. The customer can edit the billing and shipping addresses.
Where you can use it: Account pages

AP Avatar

What it does: This module will display the user's gravatar image or go to a default one you can upload.
Where you can use it: Account pages

AP Downloads

What it does: This module will display the downloads section in the account area.
Where you can use it: Account pages

AP Edit Account

What it does: This module will display the section where the customer can edit their account details.
Where you can use it: Account pages

AP Navigation

What it does: This module will display all the account endpoints such as "orders, download, addresses, logout" - you can have them as buttons or plain text.
Where you can use it: Account pages

AP Orders

What it does: This module will display the orders.
Where you can use it: Account pages

AP View Order

What it does: This module will display the order information/details once you click on "view order" in the account area.
Where you can use it: Account pages

AP User Name

What it does: This module will display the user's name, it looks for the display name of the customer.
Where you can use it: Account pages

AP Welcome Message

What it does: Much like the user name, this module allows you to write a custom message like "Welcome back" and then will output their name after this.
Where you can use it: Account pages

CP Cart Products

What it does: This module will output the current products that are added to the cart.
Where you can use it: Cart page

CP Cart Totals

What it does: This module will show the cart total and coupon section.
Where you can use it: Cart page

ARP After Shop

What it does: Sometimes, some plugins hook into the action “do_action( ‘woocommerce_after_shop_loop’ );” – this module will add this.
Where you can use it: Shop, Category, tag or search results pages

ARP Product Loop

What it does: This will output all the products on a particular page.
Where you can use it: Shop, Category, tag or search results pages

ARP Category Title/Header

What it does: This displays the category title, description and image. You can specify which you want to show and even specify if the image is a background image or a normal one.
Where you can use it: Shop, Category, tag or search results pages

LL Thumbnail

What it does: This displays the product featured image on the category page, so you should use this when creating a custom loop.
Where you can use it: Product loop layout

LL View Product Btn

What it does: Creates a custom button for the loop. You should use this if you want a custom button with no "add to cart" functionality. You can even add a custom end to the URL so if you wanted it to scroll down to an anchor point this can be done here.
Where you can use it: Product loop layout

CHP After Customer Details

What it does: This adds the code that is hooked into the woocommerce_checkout_after_customer_details action.
Where you can use it: Checkout Page

CHP Before Customer Details

What it does: This adds the code that is hooked into the woocommerce_checkout_before_customer_details action.
Where you can use it: Checkout Page

CHP Before Order Review

What it does: This adds the code that is hooked into the woocommerce_checkout_before_order_review action.
Where you can use it: Checkout Page

CHP Billing

What it does: This module will output the billing section on the checkout page where the customer enters in their billing details.
Where you can use it: Checkout Page

CHP Coupon

What it does: This module will create just the coupon input field (not the "click here if you... text").
Where you can use it: Checkout Page

CHP Order Review

What it does: This module will output the order review section, where they see the items in thier cart.
Where you can use it: Checkout Page

CHP Payment

What it does: This module will output the payment section on the checkout page.
Where you can use it: Checkout Page

CHP Shipping

What it does: This module will output the shipping section on the checkout page where the customer enters in their shipping details.
Where you can use it: Checkout Page

LP Login Form

What it does: This generates the login form.
Where you can use it: Login page

LP Register Form

What it does: This displays the register form, enable or disable name and phone fields.
Where you can use it: Login page or a custom page.

LP Lost Password Form

What it does: When someone clicks on "forgot password" it will take them to a page asking to enter in their email to reset it. This module outputs this form for the customer to enter thier information.
Where you can use it: Password Reset Page (under Login Page in our settings).

LP Password Confirmation Message

What it does: When a customer resets thier password (using our Lost Password Form module), they get a success message after doing this. This module will output this message.
Where you can use it: Password Reset Page (under Login Page in our settings).

LP Password Reset Form

What it does: When the customer clicks on the link in the email to change the password they get to a page with two input boxes to add the new password. This module will output this.
Where you can use it: Password Reset Page (under Login Page in our settings).

ARP Category Loop

What it does: This outputs all the categories inside the current page. So if you are on the shop page it will show all the categories and if you are in one of the parent categories, it will show the sub-categories. Specify if you want the image and description shown too.
Where you can use it: Shop or category pages

PP Additional Information

What it does: Outputs the additional information of the product (by default this is one of the tabs on the product page).
Where you can use it: Product page

PP Attributes

What it does: Displays the attributes of the product.
Where you can use it: Product page

PP Pro Before

What it does: This outputs the before action, some plugin will hook into this - do_action( 'woocommerce_before_single_product' );.
Where you can use it: Product page

PP Product Content

What it does: Displays the product description. This can be particularly useful when you want to have a template for the product page but want something different for each product, you only need to add the difference in the editor section of the product page and it will show here.
Where you can use it: Product pages

PP Gallery

What it does: Displays the product gallery or image if only one is added. We have created different gallery styles for you to choose from such as a horizonal or vertical sliders.
Where you can use it: Product pages

PP Featured Image

What it does: Displays the product featured image only.
Where you can use it: Product pages

PL Add To Cart

What it does: Displays the add to cart section. When used in the category loop it will show the "add to cart button" for single products or the "select options" for variable products.
On the product page it will show the variable select options (or swatches if you are using our variable swatches) or the add to cart button.
Where you can use it: Product pages and the custom loop

PL Price

What it does: Displays the product price.
Where you can use it: Product pages

PL Title

What it does: Displays the product title. You can specify the H tag so for the loop you can have it as h3 which is better for SEO.
Where you can use it: Product pages and the product loop layout

PL Short Description

What it does: Displays the product short description.
Where you can use it: Product pages and the product loop layout

PL Meta

What it does: Outputs the product meta items (category, sku and tags).
Where you can use it: Product pages and the product loop layout

PP Pro Navigation

What it does: This module displays the previous and next product, you can specify if you want these to be all from the same catgory or not. Choose if you want icons (such as arrows), the product images or titles.
Where you can use it: Product pages

PL Rating

What it does: Shows the product review stars ONLY. This does not show all the review text, only stars.
Where you can use it: Product pages and the product loop layout

PP Related Products

What it does: This outputs the related products. You can specify the number to show and choose if you want a custom loop like the category pages to keep the look consistent.
Where you can use it: Product pages

PP Up-Sell

What it does: This outputs the up-sell products. You can specify the number to show and choose if you want a custom loop like the category pages to keep the look consistent.
Where you can use it: Product pages

PCP Cross-Sell

What it does: This outputs the cross-sell products. You can specify the number to show and choose if you want a custom loop like the category pages to keep the look consistent.
Where you can use it: Cart and Product pages

PP Reviews

What it does: Outputs the reviews section on the product page. This shows all the reviews text and the form to submit a new review.
Where you can use it: Product pages

PP Sharing

What it does: This outputs the action woocommerce_template_single_sharing(); - you will need another plugin to create the sharing buttons. We are planning on adding this into BodyCommerce in the near future. Monarch plugin by Elegant Themes does not work with this as their plugin does not hook into this action.
Where you can use it: Product pages

PL Stock Status

What it does: Shows the stock status of the product
Where you can use it: Product pages and the product loop layout

PP Pro Summary

What it does: This outputs the title, short description, price, add to cart & tabs. Sometimes plugins will hook into this - so if it is not working with the add to cart module try this one.
Where you can use it: Product pages

PP Tabs

What it does: This shows the product tabs (content, additional information and reviews).
Where you can use it: Product pages

TP Customer Details

What it does: This shows the customer details
Where you can use it: Thank you page

TP Order Details

What it does: This shows the order details
Where you can use it: Thank you page

TP Order Overview

What it does: This shows the order overview (the first section on the default thank you page)
Where you can use it: Thank you page

TP Payment Details

What it does: This outputs the payment details on the thank you page.
Where you can use it: Thank you page

G Notices

What it does: Outputs the notices on the store. So when you add a product to cart it will say "added to cart" with a button to view in cart.
Where you can use it: Any where really (category, account, product or cart pages)

G Product Carousel

What it does: Displays a product carousel of images. You can use your custom loop like on the categoy pages to style it up. Specify how many products you want shown on what devices.
Where you can use it: Any where (category, account, product, login or cart pages)

G Product Slider

What it does: This creates a slider of your products. It works much the same as the blog slider by Divi.
Where you can use it: Any where (category, account, product, login or cart pages)

G Breadcrumbs

What it does: This shows the breadcrumbs of the current page.
Where you can use it: Shop, category, tag, search results or product pages

G Product Search

What it does: Creates a search field. We have improved the search results to only search products and if they search the correct name/sku it will go straight to the page.
Where you can use it: Shop, category, tag, search results or product pages

G Action/Shortcode

What it does: This module will output an action or shortcode you want. You add the action or shortcode name and it will render. This is particularly helpful when you have another plugin that you need a feature for, add this module and you can have full control.
Where you can use it: Any where really (category, account, product or cart pages)

More Support?

Please email us at [email protected] if you are unable to get Divi BodyCommerce working.