# Featured products

<figure><img src="https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2FCitB3QsVlepB7z0YmBTL%2Fimage.png?alt=media&#x26;token=247d11f0-f523-4a2e-a37b-5d85db5042fd" alt=""><figcaption></figcaption></figure>

The main settings in the section are the ones listed [here](common-settings). 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="https://53546601-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbDY41rxQywECDbaBijnt%2Fuploads%2FbreV1yyuGyK81ADoH4uq%2Fimage.png?alt=media&#x26;token=244d1bae-7873-4ecc-a4d8-16a7239fbe3c" alt=""><figcaption></figcaption></figure>

### Button

The button settings can be seen [here](../common-settings#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











