Hello guys,
I’m trying to show off my colection list like an e-commerce.
On toggle preview every item is ok, but on published page the items are bugged.
Hi @Victor_Mattoso, thanks for your post, it is not clear to me what the issue is, could you please include a screenshot of the elements not rendering on the published page as expected?
Edit: For this to work: Click on collectionlist 2 tablet → go to collection l ist settings, and there should be some kind of yellow alert about reseting styling… accept that message.
You can also use flexbox (horizontal > justify=“flex-start”) and set the basis of the flex child to 33.33% (NOT the width of the collection item and NOT using Collection List > Element Settings > Layout > 3 columns). Here is a short desktop recording: Loom | Free Screen & Video Recording Software | Loom. I prefere this setup because weblow’s css grid does not support Windows > IE. Nevertheless, grid works very well in most browsers.