# Handpicked products

<div data-full-width="true"><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FETk3RTZrTHUxALnqCtTH%2FFoxEcom%20changelog%20%20%201250%20x%20200.png?alt=media&#x26;token=a72791be-b9fe-4806-8a28-f1592e470b10" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_handpicked_products&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

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.&#x20;

## Customize a handpicked products section

A featured collection section has three blocks, namely: **Section header, Product grid,** and **Button.**&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FXZi84UVK8FqCX8cYYjv1%2Fimage.png?alt=media&#x26;token=2fd8dc35-8af4-449d-b4c6-631f902a1af3" alt=""><figcaption></figcaption></figure>

### **Section header**

Use this block to give your section a heading, subheading, or description if needed.&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FNvEzGIg3lFLh8m60Ohzk%2Fimage.png?alt=media&#x26;token=dff985f5-66f5-4659-9e90-daaf63467801" alt=""><figcaption></figcaption></figure>

### Product grid

#### Content

Select your handpicked items, you can add up to 50 products in one section.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FKPwmQ1hEHqywXJjgTYmn%2Fezgif.com-gif-maker%20(13).gif?alt=media&#x26;token=575d6a81-0595-459e-9491-7dca04b08fe8" alt=""><figcaption></figcaption></figure>

Then, select the card style and image ratio for the product cards in this section.&#x20;

Don't worry about the *sold out* badge, this is just to let you know how the badge would be!

#### Desktop and mobile layout

Create a perfect section across all devices by adjusting your desktop layout and mobile layout settings.&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F81zl1yKa7yBxDNH0fz9g%2Fezgif.com-gif-maker%20(14).gif?alt=media&#x26;token=3fad80cc-7696-4b7e-a38c-39c9b7e7b0c1" alt=""><figcaption></figcaption></figure>

Uncheck **Enable swipe on mobile** to display your products as a grid in mobile view.

### Button

Add a button to redirect customers to your desired page.&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FgYjEjY9qDqyZggzuEsgk%2Fimage.png?alt=media&#x26;token=861644b1-e799-45b8-b105-0057a240c600" alt=""><figcaption></figcaption></figure>
