User Guide

Search limit to:






Featured Product

by Admin on Apr 04, 2024

1. What is Featured product?

The Featured product section, often placed on the homepage, showcases a new or noteworthy item with key details at a glance. It lets customers explore the product and even purchase or add it to their cart directly, streamlining the shopping experience.

2. Section Components

Section Featured product Display a key product on the homepage
Default blocks Price Show the product price.
Labels and badges Highlight key information - like discounts, low stock, or new arrivals.
Description Add the product description.
Variant picker Allow customers to select product variants.
Quantity selector Let customers choose the quantity to purchase.
Buy buttons Add "Add-to-cart" and Buy buttons.

3. Location & Setup

To add and set up the Featured product section:

  • Open the Shopify Theme Editor (Online store > Themes > Customize)
  • Decide where you want to place the new section.
  • Click "Add section".
  • Select "Featured product".

4. Highlight Features

  • Direct product spotlight: Showcase a single product prominently on the homepage to grab customer attention.
  • Quick purchase options: Customers can view details, select variants, and add to cart or buy instantly without leaving the section.
  • Customizable layout with rich blocks: Adjust product title size, heading tag, media layout, image ratio, and button styles to match your brand.

5. Common Use Cases

🤔 How to set up the Featured product section?

To set up the section, follow this:

STEP 1: Add the section

Add the Featured product section.

STEP 2: Set up the section

Click on Featured product to open its settings panel.

  • Choose the Product you want to feature.
  • Adjust product Title size and Heading tag.
  • Under the Media setting group, configure how media is displayed: Choose Desktop layout and Image ratio.

STEP 3: Click "Save" when done

🤔 How to set up the section's blocks?

Under Featured product section, each block represents different information of the product (for example: Price, Description…). There are 6 default blocks to adjust the basics of the section. If you want to add more information to the product, add the advanced blocks following the guide below:

👉 Set up default blocks

Block Settings
Price Adjust the Text size of the price.
Label and badges Adjust the Label position.
Description Choose the Icon to show on the description, or adjust its content height.
Variant picker Choose how product variants are displayed (Dropdown or Button) or enable color swatches.
Quantity selector Choose the style of the select button.
Buy buttons Choose Button style, pre-order status, or colors for elements.

 

👉Set up advanced blocks

The Featured product section also supports various blocks to showcase product information.

You can add any block you want, and follow the setting instructions (attached) to set up:

STEP 3: Click "Save" when done

6. Support Information

Need help? Contact our support team at Omni Themes Support.