Table of Contents

Re-ordering of products

The sorting order of the products in a collection is pushed back from Depict directly to Shopify using their Admin API.
To do this, we set first set any Shopify Collection where Depict is enabled to use the “Manual” sorting mode.
Any time a collection order is updated and saved in Depict, we push this new ordering back to Shopify.

Rendering the product grid

The content blocks, image settings, product duplicates etc. that are added in Depict are stored in metaobjects in your store
To render them in the product grid, Depict makes a copy of your existing collection templates and modifies them to display the visual elements using the data from the metaobjects.
The collections are rendered on the storefront using these modified versions of the store’s Shopify Theme’s collection templates
- Thus, the solution is render server-side, without requiring custom javascript to render the collections
- Depending on the structure of the store’s current theme’s collection templates and the extent to which they have been customised, Depict may have to manually intervene to ensure everything works as intended - which we are of course happy to do.