How is the Frequently Bought Together widget displayed on mobile?

Frequently Bought Together adapts automatically it's layout when it is 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 size of the images displayed will depend on the app configuration the screen width and device orientation.

Three images per row

If the app is configured to display 3 products (the main product plus two recommendations), the app will fit the 3 images in the same row:

Two images per row

When there are two images (just one recommendation plus the current product), they will also be adjusted to make the most of the screen width.

If there are more products to display (4, 5, 6...) they will fit on two-product rows or three-product rows automatically to ensure that the images displayed are big enough to be viewed.