Im trying to create swipable gallery which pulls in images from a JSON feed but also features product text such as price.
I have created each element and changed the element attribute and Data schema object as follows:
gwd-swipegallery #gallery1 - Images - Product | pluck imageUrl | join ,
p #price - Text content - Product.0.price
I then grouped the swipegallery and the price elements by selecting them both and right clicking (create group). I then named the group dynamicGallery.
After this i selected the swipe gallery on its own and went to > properties > Groups and added the name dynamicGallery.
I also then created a binding between the group as a whole and the Product category using this guide here:
The gallery loads the images fine & works perfect. But the text data such as price only loads the first product price.
Does anyone have any idea what i could be doing wrong?
Uncomment: common.setGallery('swipegallery-items'); Located near bottom of page under function handleWebComponentsReady(event)
Locate <div data-gwd-group=“item”> delete the id attribute, and add class=“js-item”