How is the Also Bought widget displayed on mobile?
Also Bought automatically adapts its layout when displayed on a mobile device.
The screen width is automatically detected, and the width of the images is adjusted to fit exactly on the screen.
The number of images displayed will depend on the screen width and device orientation.
Mobile portrait layout
The app displays two products to ensure their images are large enough to be visible. This also minimises the chances of breaking the button's alignment:
The vertical alignment of the elements can be controlled by increasing
Product Name Minimum Height value. Still, this value is unique for desktops and mobile devices, even though the requirements may differ.
Mobile landscape layout
The app layout below shows three products, also to make sure that the images are large enough to be nicely displayed:
