Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1196882

    Esther Goh Tok Mui
    Participant

    Hi,

    My website is http://www.iapps2u.com/shop/

    I have added 2 Woocommerce products – one is a subscription product and the other is a simple product. When I click on the ‘Add to cart’ for the simple product, it shows a picture of a Cart with item added and then a Tick symbol. However, when I click on the ‘Add-to-cart’ for the subscription product, there is no display of Cart or Tick symbol although the item is already added to the cart. I read in the forum that this happens when we select the ‘ Enable AJAX add to cart buttons on archives’. However, it did not affect the Simple Woocommerce product. It only affect the Subscription product.

    Can you advise how I can add some CSS so that the Subscription product will also display the Cart and Tick after a user clicks on the ‘Add-to-Cart’.

    Thank you

    Esther

    #1196939

    Rupok
    Member

    Hi Esther,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #1230147

    seffect
    Participant

    I have the same issue on the shop page, when I click on sign up now on the subscription product nothing happens visually and the subscription product is added to the cart. The simple products all work with the popup check circle and the blue alert box notifying of that a product has been added to the cart. I’m wondering if this is an X issue or not. Thank you.

    You can see the page at:

    https://allaboutgames365.com/shop/

    #1230832

    Paul R
    Moderator

    Hi,

    Upon checking, I can see the product getting added to your cart on every click.

    See Video – http://screencast.com/t/qCE1jGi7w

    If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    Thanks

    #1233395

    seffect
    Participant

    I want to see this when I add a subscription product, ie “sign up now”:

    check

    the add to cart animation just like when users click on a non subscription product, ie “add to cart” button. Otherwise it’s a disconnected experience and if a user adds one item to the cart, sees that, and then adds a subscription item to the cart and doesn’t see that it will be confusing, confused customers are uncomfortable customers, and uncomfortable customers do not finish purchasing.

    #1233885

    Rad
    Moderator

    Hi there,

    Please add this code to Admin > Appearance > Customizer > Custom > Javascript

    jQuery( function($) {
    
    var $notification = $('.x-cart-notification');
    
       $('.add_to_cart_button.product_type_subscription').on('click', function(e) {
          $notification.addClass('bring-forward appear loading');
        });
    
    } );

    That should do it 🙂

    Cheers!