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 the Product Display Order for a Collection

You can control the order in which products in a collection are displayed on your storefront. You can select a predefined sorting method or arrange products manually using Custom display order.

Using a Predefined Display Order

To apply a predefined sorting method:

1. From your SHOPLINE admin, go to Products > Collections and select the collection you want to edit.

2. In the Products section, select a sorting method from the Product display order dropdown. Available options include AI smart sorting, sales performance, conversion rate, product name, creation or update date, price, views, cart activity, and metafield values.

   Note: AI smart sorting automatically ranks products based on conversion rate, sales performance, and time created.

   

3. Click Update to save your changes.

Setting a Custom Display Order

For more control over the order of individual products:

1. From your SHOPLINE admin, go to Products > Collections and select the collection you want to edit.

2. In the Products section, select Custom for Product display order, then click Custom display order.

   

3. Find the products you want to arrange. You can:

   • Search by Product name, SPU code, SKU code, or Product ID.
   • Filter products by Product tag or Product status.
   • Click Select fields to choose additional product information to display, such as product price, product title, and product status.

   

4. Hover over a product to access the following individual product actions:

   • Preview: Preview the product image at a larger size.
   • Edit: Open the product edit page to update the product information and settings.
   • Pin to top: Pin the product to the top of the collection.

   

5. To rearrange multiple products, select the products you want to move, or click Select all to select all products. Then use the available actions:

   • Move to front: Move the selected products toward the beginning of the display order.
   • Move to back: Move the selected products toward the end of the display order.
   • Pin to top: Keep the selected products at the top of the collection.
   • Assign position: Move the selected products to a specified position.
   • Move before: Move the selected products before another product.

   

6. Alternatively, click Quick sort in the top-right corner to reorder all applicable products using a predefined sorting method, such as AI smart sorting, top sellers, conversion rate, creation or update date, price, or inventory.

7. 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.