> For the complete documentation index, see [llms.txt](https://blueskytechcompany.gitbook.io/kalles-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcompany.gitbook.io/kalles-documentation/page-builder/kalles-elements/product-advanced.md).

# Product Advanced

### Overview

Blueskytechco Page Builder provides a lot of functions for creating content by dragging-and-dropping pre-built controls.\
One of them is Product Advanced Module. It is also a module for displaying categories, but this makes it available in many different templates, with many different customizations. The following information will guide you how to work with Page Builder - Product Advanced

### Introduction to PageBuilder - [Product Advanced](/kalles-documentation/5.our-module/product-widget-advanced.md)

Learn how you can create [**Product Advanced**](/kalles-documentation/5.our-module/product-widget-advanced.md) with PageBuilder 

{% embed url="<https://www.youtube.com/watch?v=cggPABjKGRk>" %}

### How to Configure

#### 1. Appearance

There are two appearance types: Grid/List and Carousel. Select **Grid/List** if you want to show products by Grid or List, select **Carousel** if you want to show products by Carousel.

![](/files/ZFExTlQiKG6yWNvae4OJ)

**Default item produc grid show**

![](/files/UztuJRJScdxCFJYwwV8f)

**Select Product Type**

![](/files/7h96fLRH18lQdbbUnVJl)

* In the **Categories** field: Select the Categories which you want to show in Product Advanced. \*
* In the **Number of Products** field: Indicate number of products you want to display. Leave blank if you want display all.
* In the **Title** field: Specify title you want to display on the frontend. You can leave it blank if necessary.
* In the **Short description** field: Specify short description you want to display on the frontend. You can leave it blank if necessary.
* In the **Space Between Item** field: Setup Space between Collections.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://blueskytechcompany.gitbook.io/kalles-documentation/page-builder/kalles-elements/product-advanced.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.