How to relocate Also Bought widget in the cart page?
The Also Bought widget can be placed on the product pages and the cart page and you can choose whether you want to place the widget in both locations or only one by using the Location section:
And there, you have to choose the Cart page location to configure it:
Inside you can select one of the two standard places for the widget on the cart: Below the 'Checkout' button or Above the cart
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 in the Custom location, with a selector section.
Once an appropriate selector is assigned in the field Widget location selector, it is also possible to choose the placement of the widget such as after or before the selected element and as the child or first child of the selected element, in the Widget placement field
It is also possible to choose a different location for the widget on desktop and mobile devices. Simply click on the option that says Use a different location for mobile.
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.