How to relocate Also Bought widget in the cart page?
The Also Bought widget can be placed in the product pages and in the cart page and you can choose whether you want to place the widget in both locations or in only one by using to the Global options section:
From Global options it is also possible to determine the exact location of the widget in the cart page. To do so, please click on Advanced options and then on Shopping cart page widget position
Once you click on Shopping cart page widget position button, you will be able to use a CSS selector to properly place the widget the way you want.
From the CSS selector field it is also possible to choose the placement of the widget such as after or before the selected element and as the
And it is also possible to choose a different location for the widget on desktop and mobile devices. Simply click on the option which says Use a different selector for mobile devices.
If you are comfortable with HTML, you can set a jQuery or CSS selector for the HTML element in your template where you want to put the widget and type that selector accordingly.
Alternatively, you can also take advantage of the web developer tools built into your browser to look for the desired selector (CRTL+SHIFT+I).
For example, using the selector .cart__submit-controls and placement Before the selected element on Debut theme, will place the app between the subtotals and the checkout buttons:
Keep in mind that we can also help you change the location of the widget on your shopping cart page, simply drop us an email and we will help you as soon as possible.