WooCommerce Flying Cart

How to install plugin

Step 1: Download the zip file from the codecanyon.net
Step 2: Extract the downloaded zip file on your desktop or in any folder.
Step 3: Open the extracted folder “woocommerce-flying-cart“.
Step 4: Here you found three folders 1) Documentation 2) License 3) Plugin.
Step 5: Open “Plugin” folder. Now you found the main plugin file “plugin.zip“.
Step 6: Login to your WordPress admin panel.
Step 7: Mouse over the “Plugins” menu and click on “Add new“.
Step 8: Click on the “Upload plugin” button and then click on “Browse” button.
Step 9: Select the “plugin.zip” file and click on “Upload” button.
Step 10: Now the final step, after uploading complete click on the “Activate Plugin” button.

Appearance Settings

Primary Background Color: Select the primary background color. Default #24303F
Primary Text Color: Select the primary text color. Default #ffffff
Counter Background Color: Select the counter background color. Default #ff1744
Counter Text Color: Select the counter text color. Default #ffffff
Add To Cart Animation: You can select the add to cart animation from the dropdown list.
Cart Icon: Select cart icon Or you can select cart image. Only jpg, png allowed.

Basic Settings

Cart Trigger X-axis Offset: Enter the value of x-axis ( horizontal ) spacing. In px ( pixels ) only. Default 12px.
Cart Trigger Y-axis Offset: Enter the value of x-axis ( horizontal ) spacing. In px ( pixels ) only. Default 12px.

Cart Trigger Location: Select the cart trigger or button location.
RTL (Right to Left): If your website supports arabic or hebrew then you can enable this option.
Display On Mobile: Enable this option if you want to display the flying cart on mobile & tablet.
Display on Desktop: Enable this option, if you want to display the flying cart on desktop & laptop.

Display By Pages: Enable this option if you want to display the flying cart on all pages.

  • Display floating cart only on selected pages.
  • Hide floating cart only on selected pages.

Custom CSS: Enter your custom CSS.

Flying Cart Settings

Cart Title: Enter your cart title.
Empty Cart Message: Enter your empty cart text.
Button One: Select first button call to action. Default Cart page.
Button Two: Select second button call to action. Default Checkout page.
You can also disable Button one or Button two by selecting the None.