• Resolved pete119

    (@pete119)


    Hi there,

    First time using Woocommerce and it seems great.

    I would like to use Add to Cart shortcode to certain posts where we do classes, these don’t look great in the shop as they have their own post with details.

    I am using
    [add_to_cart id=”10864″ style=”padding:10px; background:ffffff”]

    What ever I do I can’t get rid of the price to the left of the button.

    Any help on this would be great.

    Many thanks in advance πŸ™‚

    https://wordpress.org/plugins/woocommerce/

Viewing 15 replies - 1 through 15 (of 24 total)
  • How we can understand your issue without a link ? or an image ?

    Thread Starter pete119

    (@pete119)

    I can’t supply a link as the site in question is being built so it’s hidden.

    Not used the forums to much and see I can’t add an image.

    I had seen this issue and question asked in the past but that was over a year ago and their suggestion doesn’t seem to work.
    Just thought it may be something someone could help with.

    Not being able to see it does make suggestions a bit hit and miss. Try this in your custom css:

    .add_to_cart_inline span, .add_to_cart_inline small {display:none}

    If it doesn’t work you will need to examine the markup to get the correct classes and tags used by your theme.

    Thread Starter pete119

    (@pete119)

    Hi there,

    I appreciate this.

    The only place I have seen this sortcode used as I am is here:
    http://myplancalculators.com/measuring-the-business-profitability/

    Please see near the bottom of this page the $9.95 add add to cart button.
    Using this code I got from the forum I get rid of the border:
    [add_to_cart id=”10864″ style=”padding:10px; background:ffffff”]

    It is the price to the left that just looks odd on my page.

    Again, appreciate your thoughts on this.

    Pete

    The custom css for that site would be:

    .product.woocommerce .amount {display:none}

    If you can’t get it to work, can you find the price in the page markup and post the markup for 6 lines above. Enclose markup in back ticks or use the editor’s code button.

    Thread Starter pete119

    (@pete119)

    Thank you lorro,

    This didn’t work, I did try this amongst many others and none seem to get rid of the price.

    can you find the price in the page markup and post the markup for 6 lines above. Enclose markup in back ticks or use the editor’s code button.

    I don’t really understand this so I may need to rethink how I go about this.

    Worth a try and many thanks.

    @yehudah was right, we need to see the markup. Using Chrome, bring up the page and press control-u. This opens another window with the source html code in it. Then control-f to find the line with the price in it, $10 or whatever, then copy that line plus 6 above and paste into a forum post. Highlight the lines and press the code button in the editor.

    Thread Starter pete119

    (@pete119)

    Hi lorro,

    Thank you for that. You know I have never used Chrome, always use FF and Firebug.

    Anyway did what you suggested, below is the code, it is the £95.00 I am trying to get rid of.

    Regards, P

    <div class=”entry-content”>
    <div class=”newclass”> <p class=”product woocommerce add_to_cart_inline ” style=”padding:10px; background:ffffff”>

    <span class=”amount”>£95.00</span>
    Add to cart

    Thread Starter pete119

    (@pete119)

    <div class=”entry-content”>
    <div class=”newclass”> <p class=”product woocommerce add_to_cart_inline ” style=”padding:10px; background:ffffff”>

    <span class=”amount”>£95.00</span>
    Add to cart

    Try this in your custom css:

    .add_to_cart_inline span, .add_to_cart_inline small {display:none}

    Some themes have the ability to enter custom css. If your does, it maybe at Admin page > Appearance > Customise, or it might be at Admin page > Appearance > Theme Options.

    If your theme doesn’t have this option, you can use this plugin:
    https://wordpress.org/plugins/simple-custom-css/

    Thread Starter pete119

    (@pete119)

    Hate to say it lorro, price still there πŸ™

    My theme does have custom css so easy to add.
    I can edit with custom css pretty well however Woo seems to be a bit tricky as trying few other bits and it just doesn’t work.

    Grrr πŸ™‚

    OK. Maybe there is a syntax error in your custom css. The error might be higher up than the line you just put in. Paste all your custom css in this tool:
    http://jigsaw.w3.org/css-validator/#validate_by_input
    and ensure it gets the all clear.

    If it still doesn’t work, try this line instead of the above:
    .add_to_cart_inline span {display:none !important}

    Otherwise I’m out until you can get the site on-line.

    Thread Starter pete119

    (@pete119)

    Got this sorted in the end, you were very helpful.
    Many thanks, Pete

    Pete, how did you sort it out?

    Having the same issue at the moment.

    Pete- Any way you can put down what worked for you? I’m having the same issue.

Viewing 15 replies - 1 through 15 (of 24 total)

The topic ‘Remove price from Add to Cart Shortcode Button’ is closed to new replies.