User Guide for Website Advance Product Sorting

Website Advance Product Sorting adds category-wise product sorting to the ERPNext Webshop.

By default, Webshop lists products by a ranking number on each Website Item. This app gives you one simple screen per category instead.

You pick an item group, load its products, and drag and drop them into place.

This guide is for store admins. By the end, you will be able to set a sort order for any category page and check it on the website.

Website Advance Product Sorting works in conjunction with the following module:

Webshop

You must install the above-mentioned module to use the Website Advance Product Sorting.

1. Set a separate sort order for each item group.
2. Load all published products of a category with one click.
3. Drag and drop products into the order you want.
4. Show the saved sort order on the category page at once.
5. Keep new products at the end until you place them.
6. Turn product sorting on or off for a category with one tick box.
7. Update each product’s ranking to match your order.
8. Limit access to the System Manager and Website Manager roles.

1. After purchasing the app from Webkul Store, you will receive a link to download the module ZIP file.
2. Extract the ZIP file. You will see a folder named ‘website_advance_product_sorting’.
3. Set up the module in your git repository, then fetch it using:

bench get-app --branch main https://git.webkul.com/erpnext-apps/erpnext-website-advance-product-sorting.git

(Replace “main” with your branch name and replace the “HTTPS URL” with your HTTPS clone URL.)

4. Install the app on your site:

bench --site <your-site-name> install-app website_advance_product_sorting

5. Run bench migrate to complete the setup.

1. Open the Webshop workspace.
2. Click Webshop Product Sorting in the sidebar. It sits just below Website Item.
3. The list shows one record for each category page that has a sort order.

1. Click Add Webshop Product Sorting.
2. Pick a category in the Item Group field.
3. Keep Enabled ticked. The page now shows a hint to save and then sync.

4. Click Save.
5. Click Sync Products. The app loads every published product in that item group into the Products table. A message tells you how many products it found. The example below uses the Footwear category.

Note: Click Sync Products again whenever you publish a new product in the category. Sync adds new products at the end of the table. It also removes products that are no longer published.

1. Drag and drop a row up or down the Products table. Here, Running Shoes moves to the first row.
2. The form shows Not Saved until you save it.

3. Click Save. The app stores the new sort order. It also updates the ranking of each Website Item to match.

1. Open the category page on your website, for example /footwear.
2. The products now appear in the order you saved. Running Shoes is first.

Note: Products that are not in the table appear after the sorted ones. To turn off product sorting for a category, clear the Enabled box and click Save.

Webshop then sorts that category page by each product’s ranking.

Hope you find this guide helpful! Please feel free to share your feedback in the comments below.

If you still have any issues/queries, please create a ticket at the UV Desk.

I hope this helps. In case of any further queries, contact us at our support mail.

Thanks for paying attention!!

Current Version – 0.0.1
Supported Framework Version – ERPNext v16