Home App Docs Blog Github

How do I turn a collection block into a scrolling container?

This guide will go over how to turn your collection grids into scrollable containers like this

  1. Select the product container layer in the collection block and navigate to the data tab.

  1. Remove the “Style.flexWrap” binding in the element data bindings section. This will stop the products from wrapping below each other when their width exceeds the parent elements and will cause the box to scroll.

  1. From here, you can select the “Collection grid” layer and adjust its width. You may need to adjust the styling of the block or the products to make it look how you want.
1 Like