> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/glozin-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/glozin-theme/theme-sections/featured-product.md).

# Featured product

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-fb852f1b5f074f7fd0b511efecd4b347b5e0a879%2Fscreencapture-glozin-demo-myshopify-2024-06-13-10_12_00.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

* In the theme editor (**Customize**), click **Add section**
* Locate **Featured product**
* **Save**
  {% endhint %}

## Section settings <a href="#gallery-settings" id="gallery-settings"></a>

**Product:** Select the product you wish to display.

**Section width:** You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

**Color scheme:** You are allowed to change text color, background color, etc. with preset color.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-a325ca6fe1c1bb93398278ea592f9bbbe59a515d%2Fimage%20(1174).png?alt=media" alt=""><figcaption></figcaption></figure>

**Desktop media width**: Configure the media width for desktop displays.

**Desktop main image position**: Determine the position of the main image on desktop.

**Desktop thumbnails position**: Set the position of thumbnails on desktop.

**Enable video autoplay**: Configure the video to autoplay on desktop.

**Enable video looping**: Set the video to loop continuously after finishing.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-c2eb069cd7bceb16eedc67cd2345c2dfef49e8c5%2Fimage%20(1175).png?alt=media" alt=""><figcaption></figcaption></figure>

### **Section padding**

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-05ca837ce660847d047bbf3e1d319180b08ada55%2Fimage%20(688).png?alt=media" alt=""><figcaption></figcaption></figure>

## Block settings

With each block added, you will have the option to relocate them and access more detailed settings.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-ac9eeb59e94ddf353dce70c807277d65cbbf16ad%2Fimage%20(1178).png?alt=media" alt=""><figcaption></figcaption></figure>
