The quantity is not shown in the cart on product page en checkout page

This topic has 3 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Martine

  • Avatar: Martine
    Martine
    Participant
    December 13, 2022 at 10:02

    Hi!

    Please check this video: https://www.loom.com/share/16cc595c4ccc4dfda9e73fa3bc35cda2

    The quantity is not shown in the cart. Not on the product page and not on the checkout page. When I look through yellow pencil, the color is just black. Why is this not shown?

    Credentials attached.

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 13, 2022 at 14:22

    Hello,

    using inspector we can find the real reason of it -> https://prnt.sc/nbpe4ucWli5f https://prnt.sc/IhRUE1am41JZ
    Your global settings which make such issue -> https://gyazo.com/342081ec33dd3ba0afb6aaa0813bee1b
    To solve it you have 2 variants:
    1/ Add custom CSS for quantity inputs to prevent adding those global paddings for this input by adding next custom CSS to Theme Settings -> Theme Custom CSS -> Global CSS:
    div.quantity>input[type=number], td.quantity>input[type=number] {
    padding: 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    }
    or
    2/ Change global settings here -> https://gyazo.com/342081ec33dd3ba0afb6aaa0813bee1b because your big paddings make quantity input text not visible.

    Regards

    Avatar: Martine
    Martine
    Participant
    December 13, 2022 at 14:57

    Changed the global settings (came with template, I guess?). Thankyou!

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘The quantity is not shown in the cart on product page en checkout page’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.