[Old UI] How to display Cross Sells on the Cart Drawer
Yes, Cross Sell now supports Global Product Cross Sells displaying on the Cart Drawer!
*This feature is available on Small Store Plan and Higher*
To activate this feature, navigate to "Settings" - "General" - "Other pages" and check the box "Show Cross Sell on Cart Drawer":
After that, make sure you have assigned your global products by going to Assign->Global Product
To have cross-sells displaying on the Cart Drawer, Cross Sell snippet must be present in the cart-drawer.liquid file.
Here is the snippet:
<div id="cross_sell_drawer_cart" class="xsell_drawer_cart xsell_inside"></div>
Here is how to set it up in your shopify store:
- Enable the app on your theme
- Add the Cross Sell snippet.
Enable the app on your theme
From your shopify admin dashboard, click on themes. In your current theme, click on the "customize" button.
After that click on "App embeds" icon to view the cross sell app option and make sure it is enabled by toggling the button to the right then click on save.
Add the Cross Sell snippet.
From your shopify admin dashboard, click on themes. In your current theme, click on the 3 dots next to the customize button and click on edit code.
Next click on the search bar and type the word "cart" then scroll down to the snippets section and click on the "cart-drawer.liquid" file to edit it.
Scroll to the bottom and add the Cross Sell snippet
<div id="cross_sell_drawer_cart" class="xsell_drawer_cart xsell_inside"></div>
Make sure to click on save. You are ready to Go!
This is how it should look like:
