User Guide

Search limit to:






Featured Product

by Admin on Apr 04, 2024

1. What is a featured product?

The Featured Product section is commonly found on the homepage of an online store. Its purpose is to highlight detailed information about a specific product that is either new or particularly noteworthy. This section provides customers with a convenient way to view key details about the product without having to navigate to its individual product page. Customers can often add the featured product to their cart or make a purchase directly from within the section, streamlining the shopping experience. 

2. How to set up the featured product section?

  • Open the Theme editor and navigate to the Template group section. Then, enable the Featured product section.
  • Choose the product to feature in the section. 
  • Adjust the title size, select the heading tag, and decide whether to display the vendor name.
  • Use the "Default Content Height" setting to control how much content is shown before the "Read more" button is clicked. You can select from 4 options: Show full content, Small, Medium, or Large, based on your preference for how much content is visible initially.
  • Configure how media is displayed. Both setting up media and organizing the blocks in this section are similar to how it's done in the product information section. You can refer to the guide for setting up product information here.

3. How to show the Payment method on Featured Product?

  • In Theme Editor, click on Add section in your desired place.
  • Search and select the Featured product section.
  • Click on Add block, seach and select the block named Payment methods.
  • Click Save when done.

From here, you can change the heading, and description, add payment icons, and customize the colors in the Style area.

4. How to customize the “View product details” button?

✍️ What is the purpose of “View product details” button?

When clicked, this button takes customers to a page where they can learn more about the product: features, specifications, and customer reviews. This button can be especially useful in sections that have limited space.

✍️ How to add and customize the “View product details” button?

In the Featured product section, add a new block called View product details, you will have 3 style choices to choose from:

Style choice

Example look of the button


Primary


Secondary


Text link

You can freely change the button, text, or hovering color for the button as you want.