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 Widget Location section:
And there, you have to chose the Cart page location to configure it:
Inside you can select one of the two standar 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
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 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.