Change category product sorting

[Stephen Phillips]

Ideally we want to display the newest items in any category at the top for 30 days then the others older than 30 days are sorted alphabetically.

Thoughts?

[couch]

uStore backoffice does not provide any control over the sorting the products if you are using NG themes. In the old legacy mode, you could choose between date or alphabetical sorting of the products (but still not a combination of both).

If you are interested in developing your own custom theme, then you, or a web developer, could create the scenario you describe.

[Stephen Phillips]

I do use a custom theme. I was going to dig into but any direction on where to start looking first would be great.

Stephen Phillips  Senior Web Developer

415 Spence Lane  | Nashville, TN 37210
615-361-7118 Phone  |  615-399-0157 Fax
ste...@nashvilleprinting.com  |   www.nashvilleprinting.com

We Value your feedback! Please take a moment to tell us how we are doing. 

Click Here to leave us a review.

--
You received this message because you are subscribed to the Google Groups "XMPie Interest Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to xmpie-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/xmpie-users/78d0451d-d2b4-4b8e-91dc-2c90c85056b3n%40googlegroups.com.

[west-digital.fr]

In my understanding, the product list is generated by "src/route/Category.js" - see around "ScrollableGallery title={galleryTitle}".

However, the component it uses ("src/core-components/ScrollableGallery.js") may also be used by other components or routes, so any hard change applied here could have some unwanted side effects on the rest of the application.

Maybe you want to duplicate "ScrollableGallery.js" into your own "ScrollableGalleryWithSmartSort", apply your changes there, then call the new component from Category.js?

west-digital.fr

[Stephen Phillips]

True, just not seeing where it gets the order from anywhere.

[couch]

By default the UI simply lists the products in the order that is passed by the REST API (and can be seen using react/redux browser dev tools). In the theme code, you will see it is simply displayed with: .map(model)

If you do some google searches you will find it is possible for react to dynamically sort and/or filter the array of objects before the .map().

[Stephen Phillips]

Thank you. I'll look into it. New to react.

Stephen Phillips  Senior Web Developer

415 Spence Lane  | Nashville, TN 37210
615-361-7118 Phone  |  615-399-0157 Fax
ste...@nashvilleprinting.com  |   www.nashvilleprinting.com

We Value your feedback! Please take a moment to tell us how we are doing. 

Click Here to leave us a review.

To view this discussion on the web visit https://groups.google.com/d/msgid/xmpie-users/11ecd047-cdb8-41c4-a5af-df39021254fdn%40googlegroups.com.

[Stephen Phillips]

Looking at model using Redux it does not appear the products in the category have any field to denote date created.

Stephen Phillips  Senior Web Developer

415 Spence Lane  | Nashville, TN 37210
615-361-7118 Phone  |  615-399-0157 Fax
ste...@nashvilleprinting.com  |   www.nashvilleprinting.com

We Value your feedback! Please take a moment to tell us how we are doing. 

Click Here to leave us a review.

On Tue, May 18, 2021 at 5:42 PM couch <sco...@gmail.com> wrote:

To view this discussion on the web visit https://groups.google.com/d/msgid/xmpie-users/11ecd047-cdb8-41c4-a5af-df39021254fdn%40googlegroups.com.

[couch]

Bummer! - In that case your task is more complicated. You will need to build a REST API to deliver the required product information to the page. 

The alternative is to log a feature request to XMPie to include this data OOTB, which of course may take some time to be implemented.

[Wayne Butcher]

Alternatively you could apply the sorting required in the SQL Stored Procedure used by uStoreWebAPI to list products.

Regards,

Wayne