> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wpbevel.com/llms.txt
> Use this file to discover all available pages before exploring further.

# WooCommerce

> Product and shop templates in the Theme Builder, twenty-one shop widgets, and a shop layout that follows your design system.

With WooCommerce active, the Kit adds two template types to the [Theme Builder](/kit/theme-builder), a set of shop widgets, and a shop layout that uses the site's container width and buttons even before you build a template.

## Templates

| Type                | Shows on                                              | What it is                                                           |
| ------------------- | ----------------------------------------------------- | -------------------------------------------------------------------- |
| **Product**         | every product                                         | The layout of one product: gallery, price, add to cart, description. |
| **Product Archive** | the shop page, every category, tag and product search | Starts with an archive title and a Products grid.                    |

Both take the same display conditions as other templates, so a category can have a template of its own.

## Widgets

Under the *WooCommerce* category in the panel:

| For a product                                                                                                                                                                                                                  | For the shop                            | For the customer                          |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------- | ----------------------------------------- |
| Product Title, Product Images, Product Price, Add To Cart, Product Rating, Product Stock, Product Meta, Product Excerpt, Product Content, Product Tabs, Product Breadcrumb, Product Notices, Related Products, Product Upsells | Products, Product Categories, Menu Cart | Cart, Checkout, My Account, Order Summary |

**Menu Cart** is a header cart icon with a slide-out panel showing the items, totals and buttons.

**Cart**, **Checkout**, **My Account** and **Order Summary** wrap WooCommerce's own pages and style them; payment, tax and legal behaviour stays in WooCommerce's templates. In the editor they show a placeholder, because the editor has no customer, session or cart.

## Shop layout without a template

Where no Bevel template claims the page, the Kit still tidies WooCommerce's default output: the shop uses the site's container width, the rating sits above the product name, the breadcrumb sits inside the product summary, and the site's button styles reach WooCommerce's buttons. A store that has never set a catalogue size gets 4 products per row and 12 per page; a store that has keeps its own.

## Page cache

The page cache never stores the cart, checkout, account pages, or any page viewed with items in the cart. See [Page cache](/kit/page-cache).

## Elementor Pro

With Pro active the Kit's shop templates and widgets stand down. See [Working next to Elementor Pro](/kit/elementor-pro).