How is the Also Bought widget displayed on mobile?
Also Bought automatically adapts its layout when it is displayed on a mobile device.
The screen width is automatically detected and the width of the images is adjusted to exactly fit 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 make sure that their images are large enough to be visible. This also minimises the chances of breaking the buttons alignment:
The vertical alignment of the elements can be controlled by increasing
Product Name Minimum Height value, but 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:
