Menu
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-added-to-cart-popup“.
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: Log in 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 the “Browse” button.
Step 9: Select the “plugin.zip” file and click on the “Upload” button.
Step 10: Now the final step, after uploading complete click on the “Activate Plugin” button.
Primary Background Color: You can select the primary background color. Default: #03cb54
Primary Text Color: You can select the primary text color. Default: #ffffff
Secondary Background Color: You can select a secondary background color. Default: #333333
Secondary Text Color: You can select the secondary text color. Default: #ffffff
Popup Design Mode: Select the popup design mode.
Popup Animation: You can select the popup in animation. Default: Jack In The Box
Popup Loader: Select the popup loader. Default: None
Hide Popup Overlay: Enable, if you want to hide the popup overlay.
Hide Popup Automatically: You can enable/ disable auto close popup after x seconds.
Hide Popup After: Enter the time in seconds. Default: 5
Vibrate On Add To Cart: You can enable/ disable vibration while adding to the cart on mobile.*
Custom CSS: You can write the plugin-related custom CSS.
Added To Cart Message: Enter added to cart message.
Hide On Product Page: Enable, if you want to hide popup on WooCommerce product page.
Hide On Product Archive: Enable, if you want to hide popup on WooCommerce product archive.
Hide Product Title: Enable, if you want to hide the product title on the popup.
Hide Product Price: Enable, if you want to hide the product price on the popup.
Hide Product Image: Enable, if you want to hide the product image on the popup.
Hide Quantity Buttons: Enable, if you want to hide the product quantity buttons on the popup.
Hide Shipping Total: Enable, if you want to hide shipping cost on the popup.
Shipping Total Label: Enter the label for the shipping total.
Hide Cart Total: Enable, if you want to hide the cart total on the popup.
Cart Total Label: Enter the label for the cart total.
Hide Cart Button: Enable, if you want to hide the continue shopping button on the popup.
Button Text: Continue shopping button label.
Button Type: Select the button type.
Hide Cart Button: Enable, if you want to hide the cart button on the popup.
Cart Button Text: Cart button label.
Cart Button URL: Cart button URL.
Button Type: Select the button type.
Hide Checkout Button: Enable, if you want to hide the checkout button on the popup.
Checkout Button Text: Checkout button label.
Checkout Button URL: Checkout button URL.
Button Type: Select the button type.
Suggested Products: You can enable/ disable suggested products.
Content: You can use the shortcodes to show related, upsell, and cross-sell products in the popup.
You also can use any shortcode or text here to display after product on the add to cart popup.
Related Products: [atcp_related_products]
Parameters:
title: The title. Default: Related Products.
limit: The number of products to display. Default: 3
Example: [atcp_related_products title="Related Products" limit="3"]
Upsell Products: [atcp_upsell_products]
Parameters:
title: The title. Default: Related Products.
limit: The number of products to display. Default: 3
Example: [atcp_upsell_products title="Upsell Products" limit="3"]
Cross-Sell Products: [atcp_cross_sell_products]
Parameters:
title: The title. Default: Related Products.
limit: The number of products to display. Default: 3
Example: [atcp_cross_sell_products title="Cross Sell Products" limit="3"]
Plugin activation is required for the premium support and the latest updates.
Theme Name: Astra Theme by Brainstorm Force
Issue: Empty Added to Cart Popup.
Solution:
To disable the default mini cart popup on the Flatsome theme, add the following snippet into the WooCommerce Added To Cart Popup's Custom CSS option.
header ul.header-nav li.cart-item.cart-active ul.nav-dropdown,
header ul.header-nav li.cart-item.cart-active::before,
header ul.header-nav li.cart-item.cart-active::after {
display: none;
}Theme name: Razzi - Multipurpose WooCommerce WordPress Theme by DrFuri
Issue: Added to Cart Popup not working on single product page.
Solution:
Theme Name: BeTheme Theme by MuffinGroup
Issue: Added to Cart Popup not working on the single product page.
Solution:
/**
* Fix add to cart popup on the single product page.
*
* @author WeCreativez
*/
add_filter( 'body_class', function( $classes ) {
if ( class_exists( 'WooCommerce' ) && class_exists( 'ATCP_Init' ) && is_product() ) {
unset( $classes[ array_search( 'mfn-ajax-add-to-cart', $classes ) ] );
}
return $classes;
} );Our professional, high-quality support is always on hand to help you out.