How to Add Cross Sell Products Inside Kadence Theme Side Cart?

Kadence Theme has a very nice side cart feature which opens up after someone has added product to the cart. It looks nice and clean but currently it shows nothing but the cart itself. So, if you want to know how to add cross sell products inside Kadence Theme Side cart then this tutorial is for you.

What is a Cross Sell Product?

Cross-selling gives you an opportunity to show your customers products that will their meet additional or complementary needs which are unfulfilled by the original product.

For example, if you sell a band T-Shirt then the cross sell product can be a band cap or a hoodie. The main goal of the cross sell product is to point your customers to purchase something more in a moment when they are already in cart page. Therefore, those cross sell products are shown in the cart page.

How to Add Cross Sell Products Inside Kadence Theme Side Cart?

Step 1: Add Cross Sells Products

So, let’s start by adding some cross sell products. Go to Products >> All products >> Open a product >> Choose Linked products and search for suitable products inside “Cross-sells products” box. See the screenshot below.

How to Add Cross Sell Products Inside Kadence Theme Side Cart?

Step 2: Add cross sell products inside Kadence side cart

There are two ways to do that. First, copy the code here below inside your functions.php file. Do that only if you are using a child theme. Otherwise, after theme update the modifications will be lost.

Second option is the one I prefer. Install a free Code Snippets plugin and add the code to the code box over there. That ensures that all your custom functions will be OK even after the theme update.

So, grab the code here below.

add_action( 'kadence-after-side-cart', 'woocommerce_cross_sell_display' );

Step 3: Add additional CSS

That ensures that cross sell products columns are shown in two columns and that the “You may be interested in…” heading looks good.

/* Sets columns to be 45% wide inside the side cart */
.drawer-inner .grid-lg-col-4 {
    grid-template-columns: 45% 45%;
/* Makes columns and row gaps smaller */
.drawer-inner .grid-cols {
    column-gap: 1rem;
    row-gap: 1rem;
/* This modifies the "You may be interested in..." text above the products
.drawer-inner h2 {
	font-size: 20px;
	font-weight: 400;

Video: How to Add Cross Sell Products Inside Kadence Theme Side Cart?

Take a look at the video where I’ll show you everything I talked about in this post.

Useful tips

Here are some of my favorite WordPress tools

Thanks for reading this article! I hope it's been useful as you work on your own websites and e-commerce sites. I wanted to share some tools I use as a WordPress developer, and I think you'll find them helpful too.

Just so you know, these are affiliate links. If you decide to use any of them, I'll earn a commission. This helps me create tutorials and YouTube videos. But honestly, I genuinely use and recommend these tools to my friends and family as well. Your support keeps me creating content that benefits everyone.

Themes: Over the past few years, I've consistently relied on two primary themes for all sorts of projects: the Blocksy theme and the Kadence Theme. If you explore this website and my YouTube channel, you'll come across numerous tutorials that delve into these themes. If you're interested in obtaining a 10% discount for both of these themes, then:

Code Snippets Manager: WPCodeBox allows you to add code snippets to your site. Not only that, but it also provides you with the capability to construct and oversee your WordPress Code Snippets library right in the cloud. You can grab it with the 20% discount here (SAVE 20% Coupon: WPSH20).

Contact forms: There are hundreds of contact forms out there but Fluent Forms is the one I like the most. If you need a 20% discount then use this link (save 20% coupon is WPSH20).

Gutenberg add-ons: If I need a good Gutenberg blocks add-on then Kadence Blocks is the one I have used the most. You’ll get a 10% discount with the coupon SIMPLEHACKS here.

Website migration: While building a website you probably need a good plugin that can help you with the migration, backups, restoration, and staging sites. Well, WpVivid is the one I have used for the last couple of years. If you use this link along with the WPSH20 coupon you’ll get a 20% discount.

Woocommerce extensions: There are a bunch of Woocommerce extensions that I really like but the one that stands really out is Advanced Dynamic Pricing. Once again, you’ll get a 20% discount if you use this link here (save 20% coupon is WPSH20)

Web Hosting: If you would like to have a really fast and easy-to-use managed cloud hosting, then I recommend Verpex Hosting (see my review here). Btw, this site is hosted in Verpex.)

To see all my most up-to-date recommendations, check out this resource that I made for you!

Do you want to thank me and buy me a beer?

Every donation is entirely welcome but NEVER required. Enjoy my work for free but if you would like to thank me and buy me a beer or two then you can use this form here below.

Donation Form (#2)

Best selling plugins

Janek T.
Janek T.

I am a Wordpress enthusiast who has been making websites since 2011. In this site I am offering simple to follow tips on how to use Wordpress and Woocommerce.
If you want to be the first to be notified about the new tutorials then please subscribe to my Youtube channel here
Follow me in Twitter here

Articles: 102