# 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="/files/lk0RaJo4t8ZD2ZV0N88p" 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.novaworks.net/kitify/theme-builder/woocommerce-single-product-builder.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.