When building Product Listings in Webflow with Shopyflow, each product item functions as a Buy Module—meaning you can include components like add-to-cart buttons, dynamic image galleries, and variant option selectors within each item. However, Webflow’s nested collection limitations allow only one nested collection per page, which can create challenges when displaying both image galleries and variant selectors dynamically.
In this guide, we’ll walk through how to work around this limitation while ensuring your Buy Modules remain fully functional. We’ll explore how gallery image thumbnails are sourced from Shopify via Webflow’s CMS, using the single nested collection slot for images while still dynamically displaying variant options on page load. Let’s take a closer look at how this setup works!
