> For the complete documentation index, see [llms.txt](https://easify.gitbook.io/easify-product-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://easify.gitbook.io/easify-product-options/first-sale-cheat-sheet/how-to-highlight-products-on-your-collection-page.md).

# How to Highlight Products on your Collection Page

Placing your best products in the first row of your collection page is a powerful way to capture customer interest immediately. By manually arranging your items, you can showcase top sellers, seasonal promotions, or your most visually appealing products right at the top.

For example, when a customer visits your "Necklaces" collection page, they should see that your engraving necklace right in the first row.

![](https://3599217945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1LQaNLzwT65jc247sV0f%2Fuploads%2FRa2UG4g24xfOrfFJxp85%2FGroup%202085662470%201024x646.png?alt=media\&token=1a853d39-4cec-4641-852e-fa665a160b89)

**✨How this helps you get that first sale**

Customers often browse collection pages first. If your key product is buried on page 2 or hidden at the bottom, chances are they'll miss it completely. But when it's in the first row, it grabs their attention immediately — increasing the likelihood that they'll click, explore, and make that first purchase.

## Step-by-Step Setup

{% stepper %}
{% step %}

## Step 1: Open Your Collection

Log in to your Shopify admin and go to **Products** > **Collections**. Click on the name of the collection you want to organize.

![](https://3599217945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1LQaNLzwT65jc247sV0f%2Fuploads%2FaQACgMHo1rCD4AMi99bw%2Fimage%2059%201024x579.png?alt=media\&token=f0a0a2ba-7b9b-45fd-91a0-f828ed90cee9)
{% endstep %}

{% step %}

## Step 2: Change the Sort Order

Scroll down to the **Products** section within the collection page. Look for the **Sort** dropdown menu and select **Manually**. This gives you full control over where each product appears.

![](https://3599217945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1LQaNLzwT65jc247sV0f%2Fuploads%2Fs4hPXEic92BCaxub95jr%2Fimage%2061%201024x579.png?alt=media\&token=a19201cb-c93f-4891-b005-8cb24be3026c)
{% endstep %}

{% step %}

## Step 3: Reorder for Maximum Impact

Now that manual sorting is active, you can simply **click and drag** the product images.

Move your most eye-catching products to the very first positions in the list. The products at the top of this list will show up in the **first row** on your storefront.

![](https://3599217945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1LQaNLzwT65jc247sV0f%2Fuploads%2FStqA27G56you6WjqOkXC%2Fimage%2062%201024x579.png?alt=media\&token=88ac4cb9-934c-431b-bc16-cdba1ba1d530)
{% endstep %}

{% step %}

## Step 4: Save and Review

Verify that your changes are saved. Visit your live store and refresh the collection page to see your new, high-impact layout in action!

![](https://3599217945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1LQaNLzwT65jc247sV0f%2Fuploads%2FVSWXQnQhA3F7PmAbIKGz%2FGroup%202085662423%201024x773.png?alt=media\&token=c10df5a8-7f52-48c1-9654-498902ec766b)
{% endstep %}
{% endstepper %}

That covers the three key places to position your product: your navigation pane, your homepage, and your collection page.

Now, let's move on to the detailed setup of standout features that help customers actually customize their product — starting with: [**Add Descriptions to Your Options / Option Values**](https://easifyapps.com/docs/add-description-to-your-option/)

## Need assistance?

If you have any questions or encounter issues while following this guide to set up option value images, don’t hesitate to reach out through our in-app live chat. We’re always here to help!
