# Handpicked products

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(38)_42U8shsO.jpg)

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. 

## How to add a Handpicked products section to your Shopify store

<Hint type="success">

Steps:

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Handpicked products.**
3. Make necessary changes.
4. **Save.**

</Hint>

## How to customize a Handpicked products section

### Text & Styling

* **Heading**: Title of the section.
* **Subheading**: Optional text shown above the heading.
* **Description**: Add supporting copy to explain the selection or context.

### Products

* **Products**: Select up to **50 individual products** from your store.
* To reorder them, simply drag and drop in the theme editor.

<Hint type="info">

💡 **Pro tip**: You can combine products from different collections in one list. Great for gift guides or curated bundles.

</Hint>

### Grid settings

* **Products to show**: Choose how many products appear in total. If you enable a carousel, more can be shown via scroll.
* **Number of columns on desktop**: Control how many products display per row.
* **Column gap / Row gap**: Adjust the spacing between product cards.

### Carousel settings

* **Enable carousel on desktop**: When enabled, products can be scrolled horizontally.
* **Show navigation/pagination**: Optional arrows or dots for easier browsing.

![image](https://docs-assets.foxecom.app/zest-theme/image_ZJPu6fsl.png)

<Hint type="warning">

Carousel will only appear if the number of products exceeds the number of columns. For example, if you show 4 products per row, the carousel needs 5+ products.

</Hint>

### Product card settings

* **Image ratio**: Choose how product images display (square, portrait, adapt to image, etc.)
* **Show vendor**: Toggle the brand/vendor name below the product title.

<Hint type="info">

📝 Tip: Use “Use global settings” to keep image sizes consistent across all product sections.

</Hint>

### View all button

* **Button label**: Customize the text.
* **Button link**: Paste the link to a collection, page, or product.
* **Button style**: Choose from solid, outline, or underline styles.

Optional: Leave the link field empty if you don’t want to show this button.

![image](https://docs-assets.foxecom.app/zest-theme/image_VySaYhYk.png)

### Mobile layout

* **Enable swipe on mobile**: Let mobile users swipe horizontally through the products.

![image](https://docs-assets.foxecom.app/zest-theme/image_Ed8y2x1H.png)

* **Number of columns on mobile**: Choose between 1 or 2 columns.

![image](https://docs-assets.foxecom.app/zest-theme/image_CJzK1rXJ.png)