# Featured products

<figure><img src="/files/BrU9PRbhssoMpmcbsJKj" alt=""><figcaption></figcaption></figure>

The main settings in the section are the ones listed [here](/amber-documentation/content-sections/common-settings.md). The additional settings are listed below.

### Layout

* **Focus card** -- if enabled, this will make the cards layout a bit more catchy. Every even card will become square. Please keep in mind that this option works only when even number of cards are visible.\
  One more thing to mention is that this approach is suitable for images with more spacing on top and bottom, as it crops part of the product images.
* **Product limit** -- with this option, you can limit the number of products which will be included in the slider.
* **Collection** -- you can select which collection the products to be taken from.
* **Products** -- you can manually select which products to be shown. One thing to mention is that due to a Shopify limitation, this approach can show up to 20 products per page, so we strongly suggest using the **Collection** field from above.

### Text content

* **Horizontal content alignment** -- You have the option to change the alignment of the headings (and the slider arrows respectively). They can be positioned left, center or right.
* **Subheading** -- manage the subheading text
* **Heading** -- manage the heading text

<figure><img src="/files/NdhlJD19OsXiKmDAs24s" alt=""><figcaption></figcaption></figure>

### Button

The button settings can be seen [here](/amber-documentation/content-sections/common-settings.md#buttons).

There's one extra setting for the button position. It can be positioned to the left, right or center.

### Slideshow

The slideshow has the following settings:

* **Enable arrows** -- a checkbox to enable/disable the arrows of the slider
* **Autoplay** -- a checkbox to enable/disable the autoplay of the slider
* **Slideshow interval** -- controls the speed of the autoplay in seconds
* **Products count desktop** -- control the number of items visible on desktop
* **Products count tablet** -- control the number of items visible on tablet
* **Products count mobile** -- control the number of items visible on mobile


---

# 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://bigstart.gitbook.io/amber-documentation/content-sections/featured-products.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.