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

# Featured product

## Featured product

**Product**\
Connect a desired product with the section using the selector. If you need to create a new product, press the **"Create product"**  button to navigate to your *Shopify admin -> Products*.

**Use sticky columns**\
Pin product details in the viewport when scrolling down to the end of the product gallery.

The section contains the following settings. Press each linked item to navigate to a page with the settings' description.

* [<mark style="color:blue;">Sidebar</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#sidebar)
* [<mark style="color:blue;">Information column</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#information-column)
* [<mark style="color:blue;">Gallery</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#gallery)
* [<mark style="color:blue;">Media</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#media)
* [<mark style="color:blue;">Video</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#video)
* [<mark style="color:blue;">Zoom scale</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#zoom-scale)
* [<mark style="color:blue;">Lightbox</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#lightbox)
* [<mark style="color:blue;">Variants selection</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#variants-selection)
* [<mark style="color:blue;">Layout options</mark>](/unicorn-shopify-theme/page-categories/products/product-details.md#layout-options)

#### Transparent header

Allows the header to overlay the section when a transparent header is used.

**Use inverted header colors**\
Enable the option to link the color of the Header elements, such as navigation menus, Search, Compare, Account, and Cart icons, with the "[<mark style="color:blue;">Background</mark>](/unicorn-shopify-theme/theme-settings/colors.md#background)" item under *Theme settings -> Colors -> Primary colors*. If the option is disabled, the color of the Header elements is related to the "[<mark style="color:blue;">Base</mark>](/unicorn-shopify-theme/theme-settings/colors.md#base)" item.

***

## Theme Blocks

{% hint style="success" %}
**Tip:** Product information displays for products with the configured settings in your *Shopify admin -> Products*. Read more about setting up products and collections in the admin [<mark style="color:blue;">here</mark>](https://help.shopify.com/en/manual/products).
{% endhint %}

The section can be customized using the content blocks:

**Static blocks**

* Gallery
* [<mark style="color:blue;">Sidebar</mark>](/unicorn-shopify-theme/page-categories/products/product-details/sidebar.md)

**Dynamic blocks**

{% hint style="success" %}
**Tip:** Use dynamic blocks to display only the selected product information.\
Press **"Add block"** to add the desired block. Each block can be added individually and customized in different ways.\
Change the position of each block by dragging it up or down to the desired place in the product information section.
{% endhint %}

* [<mark style="color:blue;">Ask a question popup</mark>](/unicorn-shopify-theme/page-categories/products/product-details/ask-a-question-popup.md)
* [<mark style="color:blue;">Availability status</mark>](/unicorn-shopify-theme/page-categories/products/product-details/availability-status.md)
* [<mark style="color:blue;">Buy buttons</mark>](/unicorn-shopify-theme/page-categories/products/product-details/buy-buttons.md)
* [<mark style="color:blue;">Collapsible tab</mark>](/unicorn-shopify-theme/page-categories/products/product-details/collapsible-tab.md)
* [<mark style="color:blue;">Collection</mark>](/unicorn-shopify-theme/page-categories/products/product-details/collection.md)
* [<mark style="color:blue;">Complementary products</mark>](/unicorn-shopify-theme/page-categories/products/product-details/complementary-products.md)
* [<mark style="color:blue;">Countdown timer</mark>](/unicorn-shopify-theme/page-categories/products/product-details/countdown-timer.md)
* [<mark style="color:blue;">Delivery countdown</mark>](/unicorn-shopify-theme/page-categories/products/product-details/delivery-countdown.md)
* [<mark style="color:blue;">Description</mark>](/unicorn-shopify-theme/page-categories/products/product-details/description.md)
* [<mark style="color:blue;">Dividing line</mark>](/unicorn-shopify-theme/page-categories/products/product-details/dividing-line.md)
* [<mark style="color:blue;">Free shipping</mark>](/unicorn-shopify-theme/page-categories/products/product-details/free-shipping.md)
* [<mark style="color:blue;">Group</mark>](/unicorn-shopify-theme/page-categories/products/product-details/group.md)
* [<mark style="color:blue;">Guaranteed safe checkout</mark>](/unicorn-shopify-theme/page-categories/products/product-details/guaranteed-safe-checkout.md)
* [<mark style="color:blue;">Icon with text</mark>](/unicorn-shopify-theme/page-categories/products/product-details/icon-with-text.md)
* [<mark style="color:blue;">Inventory status</mark>](/unicorn-shopify-theme/page-categories/products/product-details/inventory-status.md)
* [<mark style="color:blue;">Personalized fields</mark>](/unicorn-shopify-theme/page-categories/products/product-details/personalized-fields.md)
* [<mark style="color:blue;">Popup</mark>](/unicorn-shopify-theme/page-categories/products/product-details/popup.md)
* [<mark style="color:blue;">Price</mark>](/unicorn-shopify-theme/page-categories/products/product-details/price.md)
* [<mark style="color:blue;">Product type</mark>](/unicorn-shopify-theme/page-categories/products/product-details/product-type.md)
* [<mark style="color:blue;">Quantity selector</mark>](/unicorn-shopify-theme/page-categories/products/product-details/quantity-selector.md)
* [<mark style="color:blue;">SKU</mark>](/unicorn-shopify-theme/page-categories/products/product-details/sku.md)
* [<mark style="color:blue;">Share</mark>](/unicorn-shopify-theme/page-categories/products/product-details/share.md)
* [<mark style="color:blue;">Shipping and delivery</mark>](/unicorn-shopify-theme/page-categories/products/product-details/shipping-and-delivery.md)
* [<mark style="color:blue;">Tabs</mark>](/unicorn-shopify-theme/page-categories/products/product-details/tabs.md)
* [<mark style="color:blue;">Text</mark>](/unicorn-shopify-theme/page-categories/products/product-details/text.md)
* [<mark style="color:blue;">Title</mark>](/unicorn-shopify-theme/page-categories/products/product-details/title.md)
* [<mark style="color:blue;">Variant picker</mark>](/unicorn-shopify-theme/page-categories/products/product-details/variant-picker.md)

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