Frequently Bought Together (Product page)
The widget can be placed on the product page using the Shopify Theme Editor, to display corresponding Recommendations to your customers inside the storefront.
Here we will only talk about the widget and its behavior in the storefront. If you want to know how to create Recommendations and add them to your storefront using the widget, take a look at the step-by-step guide:
When the customer opens the product page, the Recommendation which are assigned to this product is shown in the widget.
If no Recommendation is assigned to this product the widget is not displayed. Two layout types are available for the widget: Basic and Table.
Desktop View
In the upper area, all Recommendations are listed starting with the main product, and finally the total price and the Call-To-Action button are displayed. The lower area represents the actual interaction area. By activating the checkbox, the respective product can either be removed from the grouping or added. Removed products are indicated by a visually weakened representation. The layout variant Table does not differ from its function. All products within a table are displayed one below the other.
Mobile View
For mobile devices, the widget is first displayed in a collapsed version. With one click the widget is opened and shows all included products. The two layout types are almost indistinguishable for mobile devices, so only one image is shown below, which represents both.