ZEST theme
Try Zest freeResourcesOther solutions
  • What is Zest theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Zest theme
    • Set up my store as Zest demo
    • Update Zest theme
    • Theme license & Transfer
  • build for success series
    • Landing page like puravida
  • Page's global sections
    • General settings
    • Announcement bar
    • Banner logo 🔥
    • Header
    • Footer
    • Menu
      • Add a banner to mega menu
      • Add products to mega menu
      • Add collections to mega menu
      • Add custom cards to mega menu
      • Customize a hovering menu
    • Mobile navigation bar
    • Age verifier pop-up
    • Pop-up
  • Theme sections
    • Auto-scrolling promotion
    • Before/ After image slider
    • Blog posts
    • Collage tab
    • Collapsible tab
    • Collection list
    • Collection list slider
    • Collections showcase 🔥
    • Collection tab
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid & HTML
    • Favorite collection 🔥
    • Favorite products
    • Featured product
    • Featured product slider
    • Featured collection
    • Gallery images
    • Handpicked products
    • Highlight text with image 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider
    • Layered images 🔥
    • Logo list
    • Lookbook
    • Map
    • Mixed image cards 🔥
    • Multicolumn
    • Newsletter
    • Products bundle
    • Product tabs
    • Promotion banner 🔥
    • Press
    • Rich text
    • Slideshow
    • Testimonials
    • Video
    • Video hero
  • Theme settings
    • General settings
    • Animations
    • Cart
    • Checkout
    • Color swatches
    • Colors & Color schemes
    • Currency format
    • Cookies banner
    • Layout
    • Product card
    • Product quick view
    • Search
    • Social media
    • Theme style
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Product description
      • Breadcrumbs
      • Product information
      • Recently viewed products
      • Product recommendations
      • Quick order list 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Languages & Countries/Regions
    • Languages
    • Countries/ Regions
  • Other pages
    • 404 page
    • About us
    • Blogs
    • Blog posts
    • Cart & Checkout
    • FAQs page
    • Password
    • Search page
  • FAQs
    • Generic
      • Add custom fonts
      • Add custom CSS
      • Add custom badges to the product card and product page
      • Add gift wrap option to my cart
      • Add product review apps to my theme
      • Change the copyright text at the footer
      • Compare Zest with other Shopify themes
      • Does Zest support RTL languages?
      • JavaScript events for developers 🔥
      • How to migrate your Zest theme to version 7.0.0
      • My store has a low speed score - How can I improve it?
      • Show Payment icons on the Footer 🔥
    • Product page
      • Add a size chart to your product page
      • Add recipient fields to my gift card product
      • Edit product breadcrumbs using metafields
      • Set up quantity rules and volume pricing 🔥
    • Shopify functions
      • Combined listings app 🔥
      • Does Zest support Section groups?
      • Get to know dynamic checkout buttons
Powered by GitBook
On this page
  • How to add a Featured product section
  • How to customize your Featured product section
  • General Settings
  • Featured product blocks
  1. Theme sections

Featured product

A guide to display a featured product section in Zest

PreviousFavorite productsNextFeatured product slider

Last updated 10 months ago

The featured product section is great for showcasing the product you want to promote and boost sales. Customers delve into the product's details and are able to add them to their cart without leaving the page.

How to add a Featured product section

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Featured product

  3. Save

How to customize your Featured product section

The settings include:

General Settings

You can add the product that they want to display & change the container type (full width, default, container box).

You can also decide the image position & the image width.

Enable image zoom to allow customers to zoom in on the product image.

Enable video loop (if merchants use product video): auto replay video

Featured product blocks

The product information blocks: title, price, variants selector, and full description will be pulled from the product page to display in this section. You do not need to modify this section.

Variant picker

You can select your picker type as:

  • Button

  • Dropdown

You can also enable/disable showing the selected option.

Shipping information

Enable/disable delivery estimation and shipping text. Add preferable info regarding the delivery, shipping text, and the number of days that the package will arrive.

Buy buttons

Enable/disable the "Show dynamic checkout button" to include a direct-to-checkout button. Other buttons such as Add-to-cart or quantity selector can be displayed if needed.

Short description

Rich text

Text that is formatted with common formatting options, such as bold and italics, that are unavailable with plain text.

Products with variants are great for giving customers more choices. To know more about variants and how to add variants to your store, see .

Need to add metafields with namespace "descriptor.short_description" to display. To know more, see .

Variants
Metafields
Featured product: a screenshot of general settings
Featured product: list of blocks can be added to the section
Variant picker block settings in Featured product section
An example of showing selected option in variant picker
Shipping information settings in Featured product section
Buy buttons settings in Featured product section
Rich text block settings in Featured product section