How to place the app widget in a different location in Simple theme?

You can easily change the position of the Also Bought widget in the product pages.

In this article, we will explain the procedure to place the widget in the 3 most common locations if you’re using the Simple theme in your store:

  1. Below the 'Add to cart' button.
  2. Below the product description.
  3. At the bottom of the page.

First, we need to find the Global options in the app preferences page. Once there, please tap on Advanced options and then on Select the recommendation box location.

In the next page, you will find the option to Use a CSS selector, as showed below:

What we need to do here, is to copy and paste the proper manual selector according to where we want the widget to be located. Please check below the selector for each option:

To place the widget  below the 'Add to cart' button, we can use the following manual selector:

.product-single__meta .product-form

To place the widget  below the product description, we can use the following manual selector:

.product-single__description.rte

To place the widget at the bottom of the page, we can use the following manual selector:

#ProductSection

Lastly, don't forget to click on Save and now you're all set. 

The widget below the 'Add to cart' button will look like this:

The widget below the product description will look like this:

The widget at the bottom of the page will look like this: