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.

       

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

      Theme Name: BeTheme Theme by MuffinGroup

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

      Solution: 

      1. Login to WordPress admin.
      2. Click on BeThemes > Theme Options.
      3. Then click on Shop > General from the theme options menu and disable the Side cart option.
      4. Now, click on the Save Changes button.
      5. Copy the following PHP code and paste it into your child theme's functions.php file.
      /**
       * 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;
      } );
  • Developer

  • Other

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