WooCommerce Added To Cart Popup

• 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-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.

• Plugin Settings

  • Appearance Settings

    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.
    
    

    Behaviour:

    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.*

     

    Customization:

    Custom CSS: You can write the plugin-related custom CSS.

     

  • Popup Settings

    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.

     

    Product On Popup Settings:

    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.

     

    Cart On Popup Settings:

    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.

     

    Continue Shopping Button Settings:

    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. 

     

    Cart Button Settings:

    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. 

     

    Checkout Button Settings:

    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

    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.

  • Shortcodes

    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"]

• How To

  • How to show related products

    Step 1: Click on the Added To Cart Popup from your WordPress admin menu.

    Step 2: Click on the Suggested Products tab.

    Step 3: Enable the Suggested Products options.

    Step 4: Enter the shortcode [atcp_related_products title="Related Products"] into the Content editor. You can change the Related Products title by replacing the one you want.

    Step 5: Click on the Save Changes button.

  • How to activate the plugin

    Plugin activation is required for the premium support and the latest updates.

    • Login to your WordPress admin dashboard.
    • Mouseover on the Added To Cart Popup and then click on the Plugin Support.
    • Enter your Envato purchase code in the activation form.
    • Click on the Activate Plugin button.

    Where is my purchase code?

• Compatibility Fixes

  • Astra Theme Fixes

    Theme Name: Astra Theme by Brainstorm Force

    Issue: Empty Added to Cart Popup.

    Solution: 

    1. Login to WordPress admin. Mouse over on the Appearance option and then click on Customize.
    2. Now, Click on the WooCommerce > Single Product option.
    3. Now, scroll to the SINGLE PRODUCT STRUCTURE Section.
    4. Expand the Add To Cart widget and disable Real-Time Add To Cart option.
    5. Click on the Publish button to save settings.

  • Flatsome Theme Fixes

    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;
    }

  • Razzi Theme Fixes

    Theme name: Razzi - Multipurpose WooCommerce WordPress Theme by DrFuri

    Issue: Added to Cart Popup not working on single product page.

    Solution: 

    1. Login to WordPress admin. Mouse over on Appearance option and then click on Customize.
    2. Now, Click on the Single Product > Product Layout option.
    3. Deactivate the option Add to cart with AJAX.
    4. Click on the Publish button to save settings.

• Developer

  • Link Continue Shopping button

    Introduced in version 1.3.1

    By default, the Continue Shopping button closes the Added to cart popup window. If you want to link the Continue Shopping button to a page, copy the following snippet and paste it into the child theme's functions.php file.

    /**
     * Link `Continue Shopping` button.
     * 
     * @author WeCreativez
     * @link https://codecanyon.net/item/woocommerce-added-to-cart-popup/31275218/
     * @support https://codecanyon.net/item/woocommerce-added-to-cart-popup/31275218/support/
     */
    
    add_filter( 'actp_call_to_actions', 'atcp_snippet_link_continue_shopping_button', 20, 1 );
    
    function atcp_snippet_link_continue_shopping_button( $atcp_cta ) {
    	$atcp_cta['continue_shopping_button']['behaviour'] = 'link';
    
    	// Change `https://wecreativez.com/` with your link.
    	$atcp_cta['continue_shopping_button']['link'] = 'https://wecreativez.com/';
    
    	return $atcp_cta;
    }

    Now, change the link `https://wecreativez.com/` with the link you want to link the Continue Shopping button and then save the file.

• Other

  • License Terms

    CodeCanyon Licenses & Regular License

  • Support

    Our professional, high-quality support is always on hand to help you out.

    Get Premium Support, Contact Us, Pre-sale Questions

• Changelog

  VERSION 1.3.2

  • Fixed: Price with incl. TAX issue.
  • Dev: Added atcp_cart_item_args filter.

  VERSION 1.3.1

  • Fixed: Popup closing issue when click on out side of popup.
  • Fixed: Text `Hide Cart Button` to `Hide Continue Shopping Button`.
  • Dev: Added filter `actp_call_to_actions`.

  VERSION 1.3.0

  • Added: Option to hide popup on product archive.
  • Added: Cart loader animations.
  • Added: Continue shopping button.
  • Added: Button type options.

  VERSION 1.2.0

  • Added: Dark mode design.
  • Added: Glass mode design.
  • Added: Parent div to suggested products.

  VERSION 1.1.0

  • Fixed: Related products display issues on variable products.
  • Fixed: Typo atcp_realted_products to atcp_realted_products.

  VERSION 1.0.9

  • Improved performance.
  • Fixed: Safari browser quantity increment and decrement issue.

  VERSION 1.0.8

  • Fixed: Product image display size issue.
  • Fixed: Related product grid alignment issue
  • Fixed: Flatsome theme product grid issue.

  VERSION 1.0.7

  • Improved performance.
  • Improved UI.
  • Fixed: Popup close button position issue.
  • Fixed: Quantity + ( plus ) and - ( minus ) button issue.

  VERSION 1.0.6

  • Improved performance.
  • Improved UI.
  • Fixed: ESC key close popup issue.
  • Fixed: product list style issue.

  VERSION 1.0.5

  • Added: Auto-hide popup after x seconds option

  VERSION 1.0.4

  • Fixed: Shortcode limit issue.
  • Removed: Hinge animation.

  VERSION 1.0.3

  • Added: Shipping and Cart total label fields.
  • Dev: Added atcp_after_cart_cta hook.
  • Fixed: Make images height account to the cart content.

  VERSION 1.0.2

  • Improved performance.
  • Improved buttons.

  VERSION 1.0.1

  • Added: Plugin auto-update.

  VERSION 1.0.0

  • Initial release.