WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
How can I remove "add to cart" on product image? (10 posts)

  1. marc.kleinmann@gmail.com
    Member
    Posted 11 months ago #

    I need to remove "add to cart on product image. How can I do that, as well as removing the "Sale" tag on the image.

    thx,
    Marc

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

  2. IgniteWoo
    Member
    Posted 11 months ago #

    If you want to remove add to cart on product pages, leave the product price blank, with that done no add to cart form appears.

    To hide the sale indicator use this CSS:

    .onsale { display: none !important; }
  3. marc.kleinmann@gmail.com
    Member
    Posted 11 months ago #

    I have blank product price but "add to card" still shows on hover. http://bauhaushom.es/design-library/
    Where exactly do I need to add the line of code in CSS (sorry not a coder).

  4. IgniteWoo
    Member
    Posted 11 months ago #

    On hover - that means it's your theme is forcibly inserting the button when it ought not to do that. If I had to guess, I'd guess you bought the theme at ThemeForest.

    Oh ... just looked, yep, you bought it at ThemeForest! Not to knock ThemeForest, but just to point out that 99% of the time when people contact us about theme problems related to WooCommerce their theme came from ThemeForest; where sales are high and quality is typically only so-so.

    Anyway, use this CSS to hide it:

    .action .add_to_cart_button { display: none !important; }
  5. marc.kleinmann@gmail.com
    Member
    Posted 11 months ago #

    Thank you for the code lines. Can you give me a hint where to insert it? Sorry, but I'm not a coder.

    Marc

  6. marc.kleinmann@gmail.com
    Member
    Posted 11 months ago #

    Following up on this again - can you please tell me where exactly to add this css?

    thx,
    Marc

  7. Netflora
    Member
    Posted 9 months ago #

    Hi, can you please tell us where to add this CSS?

  8. ibrahima fall
    Member
    Posted 4 months ago #

    BUMP
    Would be very appreciative for a response on where exactly to add the code to remove the add to cart link that appears on the product image hover.

  9. terrytsang
    Member
    Posted 4 months ago #

    Hi all, you need to add those CSS to your theme CSS file.

    @marc.kleinmann@gmail.com, for your site, i have checked, you can try add the code into wp-content/themes/kallyas/css/options.css

    .action .add_to_cart_button { display: none !important; }
    .onsale { display: none !important; }
  10. RichWin831
    Member
    Posted 4 months ago #

    Hello this thread is same as my problem.

    I want to remove the 2 hover button on the images here at my shop page

    http://www.wod-fuel.com/shop/

    And the images should link directly to its product page when click.

    What will will I add, I know how to add code.

    Thanks,
    Rich

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.