WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
[resolved] Product Quantity Plus and Minus signs not showing (5 posts)

  1. roothost
    Member
    Posted 11 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 http://www.rootdev2.co.uk
    User: test
    Pass: 123

    Any help would be appreciated

    Thanks

    http://wordpress.org/extend/plugins/woocommerce/

  2. IgniteWoo
    Member
    Posted 11 months ago #

    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 ).

  3. roothost
    Member
    Posted 11 months ago #

    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 :)

  4. dannzeman
    Member
    Posted 6 months ago #

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

  5. Basz85
    Member
    Posted 6 months ago #

    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.

Reply

You must log in to post.

About this Plugin

About this Topic