I'm hoping someone will have a creative idea as I've hit a wall with this.
Built a store with custom product page, but the store has other products using the default product page.
The collections with the "regular" products are presented on pages with the store element "product grid", for example: https://anatbelinson.wixsite.com/keytokeep/celebration-holidays
The collections that lead to the custom product page are presented on pages with repeaters, for example: https://anatbelinson.wixsite.com/keytokeep/message-in-a-key-keychains
Thing is... the store's default product gallery is responsive and can be defined to ALWAYS show 3 columns of products, regardless of screen size - which means it is aligned with the other elements on the page, and it means that, depending on screen size, the image is enlarged or made smaller.
The repeaters on the other hand are responsive-ish, meaning that it will try to fill as many containers as it can based on screen size, which means that on certain screens there will be a larger white space on both ends, leading to the fact that the images will no longer be aligned to the other elements on the page.
Here are some solutions we came up with, each one falling short for different reasons:
1. (This would have been the BEST solution) Use the store's default grid gallery and having the product page redirect to the custom product page - problem: when clicking on an image it first leads the visitor to the default product page for a whole total of 8 seconds, before redirecting to the custom product page.
2. Use a Pro Gallery and manually update it as needed - problem: is malfunctioning when redirecting the dynamic page, and lacks the setting to open a web address in the current window.
3. Manually put images to link to the custom product pages - problem: it's manual, too much work and will not solve the issue of responsiveness.
4. Use columns to display the collection - problem: doesn't quite look like the store's default grid gallery, and also will require my client to edit this collection manually whenever there's a new product or when she would like to change the order of the products displayed.
If anyone can think of any solution to make all collection pages look and act exactly the same, and require the client to not have to edit these pages manually, I would be forever grateful.
Tagging @Benny Glaser cuz he was the code-master on this website.