Overflow issue with many items in cart

  • Resolved aardalino

    (@aardalino)


    12 months ago

    Hi!

    I’ve been using your plugin for a while and I’m loving it. However, I’ve encountered a slight issue. When there are lots of items in the cart, the counter value overflows and is no longer fully visible

    When there are few items in the cart everything works great:
    https://ibb.co/WvgDqXr
    https://ibb.co/zV7dxCF

    However, if I add 9999 items to my cart (which is not an unlikely scenario given the nature of the store I’m running), the number isn’t fully visible.
    https://ibb.co/9b48Fk4
    https://ibb.co/rH54k5t

    This is an issue both in the floating cart and in my menu cart item.

    I used a very large number for illustrative purposes, but even numbers in the hundreds are occasionally behaving the same way. Any help would be much appreciated!

    Thanks!

    • This topic was modified 12 months ago by aardalino.
Viewing 1 replies (of 1 total)
  • Plugin Author xootix

    (@xootix)

    Hello,

    It won’t be possible to adjust that big of a number in a circle and maintain the roundness of a circle.
    You can turn it into a box by adding this CSS and maybe switch the basket style from round to square from settings.

    span.xoo-wsc-sc-count {
    width: max-content;
    border-radius: 5px;
    display: block;
    padding: 5px;
    height: auto;
}

span.xoo-wsc-items-count {
    border-radius: 2px;
    width: auto;
    padding: 0px 5px;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Overflow issue with many items in cart’ is closed to new replies.