Product Quantity Plus and Minus signs not showing

  • Resolved roothost

    (@roothost)


    11 years, 10 months ago

    Hi

    I can’t seem to get the little + and – symbols to show up on single product view.

    I am using the latest version of woocommerce and wordpress for this project.

    I have another site in development that is using an older version of woocommerce (1.6.6) and this works absolutely fine.

    Has there been a change in the way these are displayed in later versions? Do I need to physically enable them?

    The test site that isn’t working is https://www.rootdev2.co.uk
    User: test
    Pass: 123

    Any help would be appreciated

    Thanks

    https://www.ads-software.com/extend/plugins/woocommerce/

Viewing 4 replies - 1 through 4 (of 4 total)

  • Compare the WooCommerce template file quantity.php to the code used in your theme – there may be difference.

    Those + / – buttons are added via Javascript and CSS controls what they look like.

    There is a JS error on your single product page related to the Foundation framework that your theme is built upon. You can view the error by using Firebug in Firefox, or in Chrome by looking at the Console tab when loading the page ( right click on the page, select Inspect Element, then select Console ).

    Thread Starter roothost

    (@roothost)

    Compare the WooCommerce template file quantity.php to the code used in your theme – there may be difference.

    Those + / – buttons are added via Javascript and CSS controls what they look like.

    There is a JS error on your single product page related to the Foundation framework that your theme is built upon. You can view the error by using Firebug in Firefox, or in Chrome by looking at the Console tab when loading the page ( right click on the page, select Inspect Element, then select Console ).

    You, sir, are a legend! In the older site, JQuery is being called in the header, in the example above it is being called in the footer. All fixed now, many thanks ??

    I’m having this same problem. Can someone help me?

    Dueing my other topic has been resolved and closed and I get mail on a WP-user (username: cd650) who has the same issue with the amount of quantity display, and I cannot reopen the topic of mine who I post. So that’s way I open another topic for others who has the same issue with this.

    It’s a CSS problem, no jQuery or java problem.

    So this is my solution:

    Open Dreamweaver or another scripteditor.
    This file can be found at: themes/woostore/style.css
    Rule line in the style-script: 1298
    1298 .quantity .qty { border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:26px; text-align: center; }

    Copy and paste this code above in to the style.css file and save it and upload it through your FTP programme to your webserver.

    I had the same problem, and it resolve this.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Product Quantity Plus and Minus signs not showing’ is closed to new replies.