I am currently working on a project that requires a lot of images on each dynamic page. The pages are products that can have up to 65+ color options. Think blank t-shirts with lots of different colors. There will be 100 or more product pages that are populated from their own collection.
The problem I am running into is figuring out the best method for including the different product images on each page. I’ve considered/tried the following:
One Collection that Includes all product information as well as 3 Multi-Image Fields. This solution allows for up to 75 images, but does not allow me to add additional information to those images such as “Color Name”. It’s also not very elegant.
Two Collections: 1 for product information, and 1 for images. The product collection includes a multi-reference field that references the images from the image collection. The drawback here is that I have to manually select which images are tied to each product which will make it a nightmare when it comes to adding more products.
Two Collections with Finsweet Filter: 1 Collection for Products, 1 Collection for Images. I’m able to reference the “product code” from the products to pull up images that have a matching “product code”. So far I like this solution, but the issue is that the collection list loads fully before filtering the correct images. This is the option that is currently active on my site.
Create a new Collection of images for each product. This wouldn’t be too bad of a solution, but the limitation on the number of collections allowed means this won’t work.
I feel like I’m missing something and I’m hoping someone can point me in the right direction. The site is really just a sandbox right now while I work out these details, so don’t judge it on the looks
This is the live site: Test Project