I'm embedding Shopify buttons to my Webflow site using Dynamic Lists.
I have a page* with three tabs, each with a Dynamic list in the tab panes. The lists are filtered using a dropdown field in the product collection.
Here's that page*: http://artsbr.webflow.io/get-involved/become-a-member
The product collection has 4 categories: Name, Product Handle, Product ID and Membership Category
The Name is simply a title.
The Product Handle is a field that I was told that I needed based on the Shopify+Webflow tutorial but I think it might be outdated. Here's that video if you're curious but I don't think it's relevant to my problem: https://webflow.com/workshop/how-to-dynamically-integrate-shopify-products-into-your-webflow-cms-site
The Product ID is a dynamic field in the Shopify Embed Code Block in the Dynamic List so the Dynamic List will display each unique Product.
The Membership Category is a dropdown field that allows me to filter the Dynamic List in each tab by category.
Here's the part where I'm having trouble: In the Webflow Designer the lists are showing the correct number of products in each tab (which means the category filter is working), however, when I publish the site, all of the products are showing up in a single list in the first tab (I think it's an issue with the Shopify code).
Here is my public share link: LINK