> For the complete documentation index, see [llms.txt](https://docs.novaworks.net/kitify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.novaworks.net/kitify/theme-builder/woocommerce-single-product-builder.md).

# WooCommerce Single Product Builder

With  **Kitify** you can now design your single product and archive page templates. Here is a breakdown of all the parts that make up a regular *WooCommerce* product page, and it’s corresponding **Elementor Widgets**.

<figure><img src="https://2156368590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiZOO5vSmo57bkwUb5p8O%2Fuploads%2FSEFu0gPkcMsRbrNQVkb4%2FElementor-Widgets.png?alt=media&amp;token=d333b91b-26ef-4142-a5e4-16e6dbe283ef" alt=""><figcaption></figcaption></figure>

**Menu Cart Widget** – This special custom widget we’ve built, opens the cart in a window, so you can display your cart from any page of your website without leaving it.

**Woocommerce Breadcrumbs Widget** – Control the colors and layout for *WooCommerce Breadcrumbs*.

**Product Title Widget** – Control the style and layout of your *Product Title*.

**Product Price Widget** – Set the *Product Price* position and style.

**Product Rating Widget** – Add a *Product Rating Widget.*

**Short Description Widget** – Control the *Short Description* layout and style.

**Product Stock Widget** – Add a *Product* *Stock Widget* to display the product’s stock number.

**Add To Cart Widget** *– Control the layout and style of the Add To Cart button.*

**Product Meta Widget** – Set the distance between the text, display it stacked or inline, and control the style of your *Metadata.*

**Product Data Tabs Widget** – Control the *Data Tabs* style.

**Product Images Widget** – Set the image or gallery you wish to display.

**Upsells Widget** – Set your own style to the *Upsell Products.*

**Product Related Widget** – Set your own style to the *Related Products.* \*See note below.

**Additional Information Widget** – Add  *Additional Information* to your product display.

## How to create a Single Product Template

1. Under *Kitify > Theme Builder > Single Product* > *Add New*, from the dropdown choose **Single Product**, give it a name, and click **Create Template**.
2. Choose a *Single Product Block* and **Insert**. Alternatively, you can design your own.
3. After you’ve finished designing, click **Publish**.
4. Choose a Condition. Click to [How To Set Display Conditions](/kitify/theme-builder/how-to-set-display-conditions.md)