Advanced gallery component

Add an advanced gallery component to Frameship.

• Add all images, video files, and YouTube videos from Shopify products and preserve the original order.
• Change images and videos shown for each product variant. For example, if you’re selling a shirt and you have variants for each color, show different images for each variant.

Display options:
• Show a row or column of images above, below or to the side of the large selected image.


• Preserve original image/video aspect ratio or use a custom aspect ratio (e.g. square or 16:9)
• Masonry layout


• Open images/videos in lightbox (full-screen popup)
• Slideshow and carousel modes (similar to built-in slideshow and carousel components in Framer)


• Image zoom on hover
• Horizontal scrolling mode
• Before and after image slider


This would replace the existing gallery component, which is based on component variants, is hard to customize/extend, and doesn't support videos.