# Overview / Navigating to builder

CommerceLab Shop is 98% integrated with YOOtheme Pro's Page builder. Using dynamic content sources making our shop system headless by design.

* If you're reading this we assume you've followed the initial steps of adding product details to at least one product. If have not done this initial steps please learn how at the link below.
* [Adding product details in CommerceLab Shop](https://app.commercelab.shop/adding-products-in-commercelab)

***

## Navigating to your product in Page Builder

There a couple ways to get to your product in Page builder. Even if you're a seasons YOOtheme user there is a new way to navigate to page builder.

## In a shop's product details

* Head to your CommercerLab Shop Component dashboard and click "Products" in the sidebar and then enter into the product details. Click the builder button at the top to take you directly to your product in Page builder

[![](https://app.commercelab.shop/templates/yootheme/cache/productsave-fc1d660d.png)](https://app.commercelab.shop/make-a-product-page#js-e451)

## From the CommerceLab Shop dashboard

* When in the CommerceLab Shop Dashboard click the home button. then dropdown the page builder links. Click the >> "Home" link
* This link will drop you on you home page in builder.
* Using this method will require a shop menu item for you product first to get to your product page. If you haven't done this use the method above to get to your product page.

[![](https://app.commercelab.shop/templates/yootheme/cache/pageb-faf249ee.png)](https://app.commercelab.shop/make-a-product-page#js-e8bd)

## From your Home Dashboard in Joomla

* If you've already created a Joomla menu item for your shop category or your first product. You can use the YOOtheme link on your Joomla 4 dashboard
* Using this method will require a shop menu item for you product first to get to your product page. If you haven't done this use the first method to get to your product page.

[![](https://app.commercelab.shop/templates/yootheme/cache/yootheme-3e740541.png)](https://app.commercelab.shop/make-a-product-page#js-ecf5)

## If you've navigated using the first method and are creating your first empty product page you should land at a page that looks like this.

[![](https://app.commercelab.shop/templates/yootheme/cache/blank1-6702f3d5.png)](https://app.commercelab.shop/make-a-product-page#js-ee92)

* Please continue to the next step to create your grid layout on the page.

<br>


---

# 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.commercelab.shop/getting-started/product-setup-in-page-builder/overview-navigating-to-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.
