As seen in my photos here, trying to get three products to populate in one row using a collection, but only able to return 3 rows of 1 product per row, repeated 3 times. Curious if anyone has or knows the logic to make this populate properly? TIA!
As seen in my photos here, trying to get three products to populate in one row using a collection, but only able to return 3 rows of 1 product per row, repeated 3 times. Curious if anyone has or knows the logic to make this populate properly? TIA!
Page 1 / 1
Hey Holly! Your content is populating three times since you reference a single field name three times within your #each statement. However, unfortunately there is not a way to use the #each helper to dynamically populate content horizontally in the Drag and Drop editor. You would need to either hard code the values for the amount of products you would want to display (i.e. within the catalogCollection reference call on the product fields specifically using {{collection.[0].name}}, {{collection.[1].name}}, etc.) or use the HTML editor and add the columns that way while using CSS to style your grid layout. I hope this helps!
Reply
Create a new Iterable Plaza community account
Already have an account? Login
Login to the Iterable Plaza Community
Not a customer? Create an account
Log in to Iterable (SSO)
Iterable customers and employees login/create an accountor
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.