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.
31 docs tagged with "product-page"
View all tagsCustomise Product Tabs
Customize WooCommerce product tab styling in Divi BodyCommerce including header colours, content backgrounds, and tab text.
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.
Modules To Use On The Product Page
Reference list of Divi BodyCommerce modules available for building a custom WooCommerce single product page layout.
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 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.
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.
Sharing Icons
Add and customize social sharing icons on your WooCommerce product pages in Divi BodyCommerce so customers can share products on social media.
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.
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.