Hello guys, I have this problem that I don’t know how to solve and wanted to ask you.
I want to display product variants as a separate product but we also want to sort those variants the way we want, for example, the first variant in the first row of the grid and the second variant on a different row of the grid.
I have try iterating through product.variants object and displaying every item but with this way every variant will be displayed next to each other and we will not be able to sort those variants the way we want.
We already achieve this behavior by creating duplicates of a product for each variant but this takes an excessive amount of time to do and it’s not the best practice when it comes to make integrations with other systems because of the amount of products ID that needs to be ignored. Also, when a product with 20+ variants have a new color we need to update every variant manually to add this new variation, just to have it displayed in the collection products.
If displaying variants in a different order is impossible I was also wondering if it is possible to deal with these duplicates in a non-invasive way, something like an app that can deal with duplicates so we don’t have to spend that many time updating every variant, but I haven’t find anything yet.
I know this behavior is possible in shopify because I have seen it in pimoroni and shein
At this point every help will be more than welcome.