WooCommerce
Beaver Themer offers seamless integration with WooCommerce, enabling you to design captivating layouts for WooCommerce archives as well as individual product pages.
Preqrequisites
Before you begin, ensure that you have the following installed and activated:
Limitations
The WooCommerce integration is currently missing several WooCommerce hooks that may be required for third-party WooCommerce add-ons to work properly.
In this section:
📄️ Archive layout for WooCommerce
Create a Themer Archive layout specifically for WooCommerce Shop pages and product category pages.
📄️ Singular layout for WooCommerce
You can use the Singular Themer layout to design WooCommerce single product pages.
📄️ Singular or Archive layout: Breadcrumb module
The Breadcrumb module is in the WooCommerce modules category, which appears when you're editing a Singular or Archive-type layout in Beaver Themer and the WooCommerce plugin is installed.
📄️ Archive layout: Products module
In Archive-type Themer layouts, the Products module is in the WooCommerce modules category on the Modules tab in the Content menu, assuming you have the WooCommerce plugin installed.
📄️ Singular layout: Add to Cart Button module
The Add to Cart Button module lets you add the Add to Cart button plus product variations to your Themer Singular Layout for WooCommerce.
📄️ Singular layout: Product Description module
The Product Description module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Images module
The Product Images module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Meta module
The Product Meta module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Price module
The Product Price module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Rating module
The Product Rating module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Tabs module
The Product Tabs module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Title module
The Product Title module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Product Upsells module
The Product Upsells module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Related Products module
The Related Products module is in the WooCommerce modules category, which appears only when you're editing a Singular-type layout in Beaver Themer and you've assigned a single product page as the location.
📄️ Singular layout: Woo Notices module
Describes the Woo Notices module for Beaver Themer Singular layouts that have the WooCommerce plugin installed.
📄️ Field Connections
The article covers all available field connections for the WooCommerce plugin. The field connections listed in this article require the WooCommerce plugin to be installed and active on your WordPress site.