Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #3786658
WPC Ajax add to cart styling
Open

Comments

  •  2
    Thorsten started the conversation

    WPC AJAX Add to Cart gives me a bit of a headache, as I think that the plugin could get a little more love in development, especially as there are no further setting options, even with CSS it is almost impossible to change anything (loading sinner for example). I had already replied to a post in the wordpress forum about it. That is also the reason why I unfortunately tried to use a different plugin for this. (XT Ajax Add To Cart for WooCommerce). What I find very nice there is that the text Add to Cart disappears, instead a loading icon appears and at the end a check icon. After a few seconds, the text Add to Cart appears again. I think this is perfectly implemented. The only disadvantage: of course it doesn’t work hand in hand with your fantastic WPC Fly Cart and quick view plugin in every situations.

    Can you tell me the css classes of the loading spinner to change its' position etc?

  •  1,281
    Dustin replied

    Hi Thorsten,

    Actually, our plugin just added the CSS class 'loading' and then 'added' to the add-to-cart button; your theme decided how it looks.

    Please give me your website link so I can check and give the instructions.

    Best regards,
    Dustin

  •   Thorsten replied privately
  •  1,281
    Dustin replied

    I'm unclear about what issue you want to say via this screen-recorded video. Sorry about that!

    I see that it already works together with WPC Fly Cart and WPC Smart Quick View.

    Best regards,
    Dustin

  •  2
    Thorsten replied

    Hi, it's working but the loading spinner icon is totally missplaced in some situations: to far in the bottom. That doesn't really looks awesome - It would be nice to get options here. "XT Ajax Add To Cart for WooCommerce" made a good job in that. Just for example purposes. 

  •  1,281
    Dustin replied

    Please provide me with your website link so I can check and provide the CSS to fix the loading icon.

    Best regards,
    Dustin

  •   Thorsten replied privately
  •  1,281
    Dustin replied

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .add_to_cart_button:after, .single_add_to_cart_button:after {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        display: inline-block !important;
        margin-left: 5px !important;
    }
    
    .woosq-popup .add_to_cart_button, .woosq-popup .single_add_to_cart_button {
        padding: 10px 20px !important;
    }

    Best regards,
    Dustin

  •  2
    Thorsten replied

    That fixes everything. Thank you for your support in that!