Managing Product Recommendation Order and Sorting in Collections

You can customize the display order of recommended products on your storefront, both within individual collections and on the "all products" page. Additionally, you can enable sorting filters so customers can personalize their browsing experience.

This guide will explain how to manage product recommendation display order and sorting filters for a better customer experience.

Setting Product Recommendation Order of a Collection

You can adjust the product recommendation order within a collection for display on the product listing page. There are two methods:

Using Predefined Order Options

1. Go to Products > Collections and select the collection you want to sort.

2. In the Collection products section, open the dropdown menu and choose the predefined order (e.g., last updated (recent first), conversion rate (high to low), price (low to high)).

   

3. Click Update to save your changes.

Manual Customization

1. Go to Products > Collections and select the collection you want to sort.

2. In the Collection products section, click Custom display order.

   

3. You can click Select fields first to choose which fields to display on your products for quick reference.

   

4. Click Sorting guide to view detailed instructions.

   

5. On the order customization page, you can:

   • Use the search feature and filters to find products for reordering.

     

   • Select one or multiple products, then drag and drop them to reorder.

     

   • Select one or multiple products and use action buttons like Move to back, Assign position, or Pin to top to rearrange them.

     

   • Click Quick sort to apply predefined options for fast reordering.

     

6. Click Update to save your changes.

Setting Product Recommendation Order of the "All Products" Page

URL Types of the "All Products" Page

The All Products page refers to the page in your store’s menu navigation that displays all the products you want your customers to see. For detailed setup instructions, please refer to the "Navigation Menu" setup guide.

SHOPLINE’s All Products page supports three types of URLs, explained as follows:

Checking the "All Products" Page URL in Your Store

To confirm which URL type your store is using for the All Products page, simply visit the page directly in your store and check its URL. For example:

How to Enable Product Recommendation Sorting and SEO on the "All Products" Page

Although the URL sources differ among the three types, enabling product recommendation sorting and SEO only requires linking the All Products page to any product collection. Follow these steps:

1. Go to Online Store > Navigation, and open the menu containing your All Products page.

   

2. In Edit Menu Items, locate All products (or the name you assigned to the page), and click the pencil icon to edit.

   

3. In the popup, click the Referral URL field, select Product collection, and choose the collection to link to the All Products page.

   

4. Click Update to apply the settings.

5. On the Edit the navigation menu page, click Update in the top-right corner to save your changes.

6. After linking, go to the associated collection to configure it as needed, then follow the steps in "Setting Product Recommendation Order of a Collection" to sort the products.

Adding Sorting Filters for Personalized Experience

To let customers adjust product order on the storefront, you can configure sorting filters in the Smart Search Recommendation app. Sorting filters apply to both collection pages and the All Products page.

Steps to Configure Sorting Filters

1. In your SHOPLINE admin panel, go to Apps > Smart Search Recommendation.

2. From the top menu, click Custom sorting.

   

3. Add or edit sort options. Example options include:

   

   • Default sort: The recommended order shown by default.
   • Sales volume: Sort by best sellers within a specified period.
   • Last updated: Highlight new arrivals by sorting from newest to oldest or oldest to newest.
   • Price: Display products from low to high or high to low.
   • Metafield: Use custom metafields for advanced sorting logic.

4. For each sort option, you can configure:

   

   • Sorting method (e.g., time range, ascending/descending).
   • Status: Enable or disable the option.
   • Note: The Sort text (the label customers see on the storefront, e.g., Best sellers, New arrivals) cannot be customized.

5. Click Update to save your settings.

Customer View

On the storefront, customers will see a dropdown filter (e.g., Recommended, Best sellers, New arrivals, Price low to high, Featured: High to Low). They can select their preferred sorting option to personalize browsing.