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

# Product highlight

The Product highlight section showcases a single product with a media gallery and product information — similar to a compact product page.

{% hint style="info" %}
This section cannot be added on product templates or in the header, footer, or popup groups. Limit: 1 per template.
{% endhint %}

### There are 2 ways to add a Section to your store

#### 1. Add a pre-made section from our demo?

Read the instructions here

#### 2. Add the Product highlight section manually?

* From your Shopify admin, go to Online Store -> Themes.
* Find the theme that you want to edit, and then click Customize.
* In the Templates -> Add section -> choose **Product highlight**.

### Product highlight - Settings Guide

| Setting              | Type         | Default    | Description                                                 | Visibility           |
| -------------------- | ------------ | ---------- | ----------------------------------------------------------- | -------------------- |
| Product              | Product      | —          | Product to display.                                         | Always               |
| Media position       | Select       | Left       | Place the gallery on the left or right of the product info. | Always               |
| Width                | Select       | Page width | Page width / Full width / Custom.                           | Always               |
| Page width           | Range        | 1570px     | Custom container width (1000–2000px).                       | When width is Custom |
| Gap                  | Range        | 16px       | Space between gallery and information (0–100px).            | Always               |
| Color scheme         | Color scheme | Scheme 1   | Section color scheme.                                       | Always               |
| Padding top / bottom | Range        | 0px        | Vertical section spacing (0–100px).                         | Always               |

### Default blocks

The preset includes two main areas:

#### 1. Product media gallery (static)

Controls how product images, video, and zoom behave (grid vs carousel, thumbnails, aspect ratio, zoom type). These settings match the Product media gallery on the product page.

#### 2. Product information (static)

A stack of product blocks you can reorder or hide:

* Header (vendor / title)
* Price
* Short description
* Variant picker / Buy buttons
* Sold in last, Hot stock, Countdown, Positive vibes, Perks
* Back in stock alert
* Product recommendations

Add, remove, or reorder these blocks the same way as on the product page. Theme Settings still control global product-card and badge behavior.

### Need More Help?

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our Ticket System — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

Join HaloThemes Community