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 handpicked products section
  • How to customize a handpicked products section
  • Grid settings
  • Product card
  • Carousel settings
  • View all button
  • Mobile layout
  1. Theme sections

Handpicked products

A guide to add and use the handpicked products section to its full potential

PreviousGallery imagesNextHighlight text with image 🔥

Last updated 8 months ago

The handpicked products section lets you display a product grid with handpicked items from your store inventory. Thanks to the handpicked products section, you can point visitors to the exact products that you want to highlight.

This article will show you an example of a handpicked products section and how to add it to your Shopify store.

How to add a handpicked products section

Steps:

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

  2. Select Handpicked products.

  3. Make necessary changes.

  4. Save.

How to customize a handpicked products section

Before customizing the section, you need to select your handpicked items. You can add up to 50 products in one section.

Grid settings

Choose the number of products to show and the number of columns on desktop view by tweaking the slider.

You can also change the Column gap and the Row gap.

Product card

Product card settings for a handpicked products section include image ratio and the option to show vendor.

Carousel settings

To show navigation and pagination in this section, check the corresponsing options.

View all button

Add a button to redirect visitors to your wished page by adding a button label and linking the button (paste a link or select from your list).

There are four button styles available:

  • White button.

  • Underline button.

Mobile layout

Check the Enable swipe on mobile option to display a handpicked products section on a horizontal scrollbar.

If you uncheck this option, the selected items will be showns as a product grid with two items per row in mobile screen size.

In this settings, you can enable the carousel effect on desktop. Note that the number of products to show needs to be larger than the number of columns (which are set in ).

Primary button: as set in Theme settings > .

Secondary button: as set in Theme settings > .

Colors
Colors
Grid settings