Adjust the default size of a tile on the lister page using the 'Tile size' component.
In How do I adjust the size of the product tile in the Builder? – Tweakwise, we previously explained how you can change the size of components in the Builder using a configured component. In this article, we explain how to do this for the product tile using the Tile size component.
With the 'Tile size' component, you can set a default for the lister page regardless of the product being displayed.
Would you like to use this feature? Please contact your Customer Success Manager to activate it.
The Tile size component is easy to set up.
To do this, go to the Builder of your choice or create a new one. Then select 'Tile size'.
After making the selection, you can easily change the size:
Hover your mouse over the product component.
Drag the bottom to make the tile taller.
Drag the right side to make the tile wider.
Tip: You can also drag both right and down in a single motion to adjust height and width at the same time.
You can also change it via the 3 dots in the component using the following buttons.
After setting it up, don't forget to run a Publish task. In the Demo Shop, tile 1 will now have the specified size, regardless of the product:
When opening a category page, or an overview of all products.
Or when selecting a filter option.
Select a value in a filter, after which position 1 automatically changes products while maintaining the specified size at position 1.