FunnelKit Documentation
Get unstuck with our helpful reference material

Open the Side Cart Using Javascript and CSS

In this document, we’ll demonstrate the process of how you can open the FunnelKit side cart for WooCommerce using both Javascript and CSS.

Let's look at each.

Javascript

Step 1: Open the browser console on your website

Go to your website, where you have installed and activated the FunnelKit Cart for WooCommerce.

Open the browser console by hitting the right mouse button and clicking on Inspect.

Step 2: Type the Javascript query to open the side cart

Click on the Console tab and enter the following Javascript code:

Then press “Enter”.

This will open your FunnelKit side cart.

Well done! This is how you can open the side cart using Javascript.

CSS

Add the CSS class 'fkcart-mini-open' anywhere on your website via a list, text, icon, or anything.

This will help open the FunnelKit side cart.

This is how you can open the side cart using CSS.

Ready to Transform Your Store?

Join 38,315+ successful store owners who trust FunnelKit to power their businesses.
Conversion Optimized Checkout Pages
Increase Revenue with Smart Upsells
Capture Emails & Recover Abandoned Carts
Automate Winbacks & Repeat Sales
861+ 5 star reviews on WordPress.org
Transform your store to power your business with FunnelKit
861+
 Reviews
4.9
chevron-downarrow-right