What about the data source? Where can I find the URL I’m supposed to paste on step 6? Am I supposed to create a new Section before all this?
Where are you wanting to pull data in from? When you say create a new section, are you referring to creating a new section model?
I want to pull the data from Shopify. I want Product Images in my Product Boxes to be able to slide manually to the right (or automatically change images) and see all the images available for each product.
What URL am I supposed to add to the API data source to do this?
Also, how can I get Product Image boxes to show my vertical product images without fitting them into a square box and making them smaller?
@mala Thanks for those details! If you’re wanting to display product images inside of a product box, you don’t need to connect an API data source. Instead, follow steps 1-4 (with the carousel within your product box). Then, select your image you added within the carousel and navigate to the data tab. In the Repeat for each section, paste in
state.productInfo.images. Lastly, add a new binding to the image block to get
Once you have your product images inside of the carousel, you can select the carousel layer and turn autoplay on in the options tab so the images rotate.
Your images likely have an aspect ratio applied in the show advanced section of the options tab, you can change the aspect ratio to 0 to not force the image to maintain it’s aspect ratio. You can also play around with the background size and position. Let me know if this gives the desired outcome!