Some of you might have noticed that for some themes, the order of the products is sometimes not honoured. That is, the order of your products in your storefront is not consistent with the arrangement you have chosen for your products in your dashboard. This is due to the fact that some of our themes use a library to display your product grid called Masonry.
Masonry does not guarantee that the list of products you provide will be displayed in the order they are provided. This is due to the ambiguity of what the "correct" order of products is when dealing with image thumbnails of different sizes and dimensions.
There is unfortunately nothing we can do about this for now, but we believe that it is only fair that we inform you so that you are aware of this minor limitation. Of course, you are more than encouraged to rework your chosen theme and find a workaround!
The following themes use Masonry and thus do not guarantee a correct sorting of your product list:
- Box Modern
- Dark & Glossy
Tip! One way to work your way around this is to make the product "boxes" all in the same size. This includes having the same dimensions on all product images and have product titles in similar length. If all products are in the same dimensions, Masonry doesn't need to move the thumbnails around to make them fit the grid.
1. Here's how it looks with different box sizes:
2. And here's how it looks when all boxes are the same size: