Glitched quantity buttons in mini cart

  • Resolved robertsartifact

    (@robertsartifact)


    1 year, 11 months ago

    Hey there,

    the quantity buttons in my “mini cart” seem glitched out.
    When adding products to my cart and viewing them in the mini-cart, the quantity buttons are off and are missing the outline.
    Seen on: https://artifact3d.de/de/zuhause/

    This issue only occurs on some pages. For example on
    https://artifact3d.de/de/produkte/
    https://artifact3d.de/de/product/tarot-das-grose-ancara/
    the mini cart looks fine

    I compared the HTML code for the buttons on the different pages but wasn’t able to define the element causing the issue.

    I know my Astra and WooCommerce Plugin aren’t best friends and thus resulting in this error most likely. So I tried to fix this with custom CSS but
    A – am only able to change all quantity buttons (causing the correct ones on other pages to look off too.
    B – can’t make the boxes around the minus/plus buttons appear again

    I hope you can help me define what the problem exactly is and how to solve it for the specific pages.
    Attached you will find some information about the system I’m using:

    Wordpress Version: 6.1

    Currently active Addons:
    Connect Polylang with Elementor – 2.3.1
    All in One SEO – 4.2.4
    All-in-One WP Migration – 7.64
    Astra Pro – 3.9.1
    Checkout Field Editor for WooCommerce – 1.7.1
    Code Snippets – 3.2.0
    Elementor – 3.7.4
    Elementor Pro – 3.7.5
    GDPR Cookie Consent – 2.1.2
    Klarna Order Management for WooCommerce – 1.6.10
    Klarna Payments for WooCommerce – 2.11.4
    Polylang 3.2.5
    Really Simple SSL – 5.3.3
    WooCommerce – 6.8.2
    WooCommerce Polylang Integration – 1.2.6
    WooCommerce Upload Files – 54.3
    WooLentor – WooCommerce Elementor Addons + Builder – 2.4.4
    WP-Dateimanager – 7.1.6

    If there are any questions, feel free to ask!
    Thank you kindly & best wishes,

    Robert

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Gan Eng Chin

    (@ecgan)

    1 year, 11 months ago

    Hi there. I looked into the three links you provided, and I noticed all of them look different.

    Note: I used Google Translate to translate the website into English in the screenshots below.

    For your first link https://artifact3d.de/de/zuhause/ (I suppose this is a “home page” view; there is a wide quantity input box, a space in “€ 165.00”, and a “Cash” button):

    For your second link https://artifact3d.de/de/produkte/ (“Products” listing page; I think this looks fine and expected. There is no space in subtotal “€165.00”, and there is a “Box” button):

    For your third link https://artifact3d.de/de/product/tarot-das-grose-ancara/ (Product page; there is a normal-sized quantity input box with no plus or minus button, there is a space in “€ 165.00”, and a “Cash” button):

    I think it may be a theme conflict issue. It works okay with your “Products” listing page, but not with your “Home” and individual “Product” pages. This might be a pointer for you (or others here) to investigate deeper.

    In your list of plugins, I noticed you have Astra and Elementor. I am not very familiar with them, but I have a feeling that they might be the source of your theme conflict. Perhaps you might want to run [conflict test](https://woocommerce.com/document/how-to-test-for-conflicts/) on them.

    I hope this helps. Let us know how it goes for you.

    Thread Starter robertsartifact

    (@robertsartifact)

    1 year, 10 months ago

    Hey Gan,
    & sorry for the late response –

    As you assumed, there seems to be a conflict between WooCommerce and my Astra Theme.
    I Figured deactivating the Atra option “WooCommerce” solves most of the wiered glitches in the cart since it removes all of the “add_quantity”-buttons :’D

    I would not say this solved the problem but it doesnt look as shitty anymore ^^

    Right now, im looking for another extension that adds qty-buttons to the mini-cart wich does not cause any problems.

    Plugin Support Rafy a11n

    (@nawaz0705)

    1 year, 10 months ago

    Hi @robertsartifact

    Right now, im looking for another extension that adds qty-buttons to the mini-cart wich does not cause any problems.

    You may want to take a look at your Floating Sticky Cart for WooCommerce extension that enables sticky cart sidebar with Qty button for the products in the cart.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Glitched quantity buttons in mini cart’ is closed to new replies.