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

# Featured Product

The **Featured Product** section is designed to highlight a single core product with rich media display and promotional tools, perfect for bestsellers, limited-time offers, or premium items.

***

### 🎨 Color Scheme

* **Choose or edit a color scheme** to define background, text, and button colors.
* **Tip**: Match your brand’s visual identity for a cohesive look.

***

### 🎥 Media Settings

* **Fixed Media (Desktop)**: Keep product media fixed on one side of the screen for continuous visibility while scrolling.
* **Carousel with Side Thumbnails**: Allows quick browsing of multiple product images/videos.
* **Custom Media Size, Fit, and Position**: Adjust to fit your design and maximize visual appeal.

***

### 🔍 Media File Control

* **Hide Specific Media**: Show or hide certain images/videos on desktop or mobile for optimal layout per device.

***

### 🔄 Video Looping

* Automatically replay product videos to enhance engagement.
* **Tip**: Keep videos between 10–15 seconds for smooth playback.

***

### 📤 Share Feature

* Enable social sharing (Facebook, Twitter, Pinterest, etc.) to boost product reach.
* Choose **Brand colors** when you want share icons to be more recognizable and visually prominent.

***

### 🧱 Block Components

You can add:

* SKU
* Text
* Social Share
* Countdown Timer
* Info Card
* Divider
* Collapsible Tabs
* Icon with Text
* Badge List
* Keyword List
* Icon List
* Popup
* Sibling Products (same series)
* Free Gift
* Complementary Products (upsell)
* Pickup Time
* Estimated Delivery
* Bundle Sale
* Payment Security Info
* Basic Product Info (price, stock, etc.)

***

### ✅ Best Practices

1. Pair with **Countdown Timer** and **Free Gift** to create urgency.
2. Use **Video Media** for high-value or detail-oriented products.
3. Limit media items on mobile for faster load speed.
4. Combine **Social Share** with discount codes to increase viral reach.