Featured product

The Featured Product section allows you to highlight a single product outside of the default product page. This is ideal for showcasing a specific product on homepages, landing pages, or custom templates. The section is fully customizable and supports multiple content blocks.


  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. In the theme editor, navigate to the desired page template (e.g. Home page) using the top preview dropdown.

  4. In the left sidebar, click Add section, then select Featured Product, or locate it if it’s already added.

  5. Choose the product to feature, then adjust the settings — enable or disable specific blocks (e.g. title, price, variants, quantity selector, buy buttons), change layout and media settings, or rearrange block order.

  6. You can drag and drop this section to reorder it on the page.

  7. Click Save.

Section Settings

Setting
Type
Description

Product

Product picker

Select the product you want to feature in this section.

Size guide page

Page picker

Link to a size guide that will be displayed near the variant options.

Gallery Settings

Setting
Type
Description

Variant

Select

Choose how product media is displayed: column, grid, or slider.

Media fit

Select

Control how media fits inside the container: original retains image proportions, fill stretches to fill the space.

Enable slider buttons

Checkbox

Show navigation arrows when using the slider layout.

Setting
Type
Description

Color scheme

Color scheme selector

Select a color theme for this section.

Section Padding

Setting
Type
Description

Desktop padding top

Range

Space above the section on desktop devices.

Desktop padding bottom

Range

Space below the section on desktop devices.

Mobile padding top

Range

Space above the section on mobile devices.

Mobile padding bottom

Range

Space below the section on mobile devices.


Blocks

The section supports the following blocks to customize product information display:

  • Price – Displays the product price and compare-at price if available.

  • Rating – Shows product ratings from integrated apps or metafields.

  • Description – Displays the main product description.

  • Variant picker – Allows users to select product variants (e.g., size, color).

  • Inventory status – Shows stock availability (e.g., "3 in stock").

  • Quantity selector – Lets users choose quantity before adding to cart.

  • Selling plan selector – Enables selling plans or subscription options.

  • Buy buttons – Add to cart and (optionally) dynamic checkout buttons.

Buy Buttons Block Settings

Setting
Type
Description

Show dynamic checkout buttons

Checkbox

Enables fast checkout options like Apple Pay, Shop Pay, etc.

  • Taxes – Displays tax-related notes such as "Tax included".

  • Share – Enables social media sharing options for the product.

  • Pickup availability – Shows if the product is available for local pickup.

  • Vendor – Displays the vendor or brand name of the product.


Collapsible Row Block

A flexible content block used for expandable rows — perfect for shipping info, product care, or return policies.

Setting
Type
Description

Heading

Text

The title shown on the collapsible row (e.g., “Shipping & Returns”).

Content

Rich text

The content shown when the row is expanded.