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

# Featured product

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/xeLiekjEb3STlHC4bFCn/image.png" 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>

### **Section header and general**

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the background color and container type.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/1MWyCKlsNQ8JIf5E67lj/image.png" alt=""><figcaption></figcaption></figure>

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

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

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

**Column Gap:** Adjust the spacing between the image and text for a cohesive and visually pleasing layout.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/aogWrC9vT7yBd3zwtc1o/image.png" alt=""><figcaption></figcaption></figure>

### **Product settings**

You have several options to customize what is displayed within the content, allowing you to tailor the information and visual elements to suit your preferences and objectives.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/WujIj5udr56d3gU0Aswg/image.png" alt=""><figcaption></figcaption></figure>

### **Product form and Countdown timer**

You can toggle the **Add to Cart animation** on/off and activate the Buy Now button. Additionally, you have the flexibility to adjust the countdown timer in this section.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/kfV7qmonhhGfGZaa8DnH/image.png" 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://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/ASz7PPFKOl18sraADz9H/image.png" alt=""><figcaption></figcaption></figure>