WordPress.org

Forums

Virtue
[resolved] Add to cart button (12 posts)

  1. bensontheartist
    Member
    Posted 1 year ago #

    Hi! I would like to change the text displayed in the add to cart button (woocommerce) in shop page, related products and crossell products. I have translation into swedish and alternatives on the product so now it's displayed "Show options" but in swedish. I want to change the text to buy now (but in swedish). ALSO i would like to tahke away the hover effect in the shoppage. I want the buttons always to be red. See http://www.xn--smlandsgran-y8a.se/

    Thanks for your help!

    Best Anna

  2. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    The translation is an issue you will need to contact woocommerce about. Which a quick search I found this bit of code that might help.

    http://docs.woothemes.com/document/change-add-to-cart-button-text/

    As for making the button always red use this css in the custom css box of the theme options.

    .product_item .kad_add_to_cart {
    background: #c72c00;
    }

    Kadence Themes

  3. bensontheartist
    Member
    Posted 1 year ago #

    Thank you so much!! PerfecT!

  4. bensontheartist
    Member
    Posted 1 year ago #

    Unfortunately nothing happends when I add the code from http://docs.woothemes.com/document/change-add-to-cart-button-text/ . A different is made in the productpage but not in the archive/shop page. Do I need to ovewrite the theme etc.?

    Thanks!

    Anna

  5. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    You just need to get the right text if you are talking about the select options text. You will need to check the woocommerce documents.

    Or you can edit the file woocommerce/loop/addtocart.php in the theme.

    Kadence Themes

  6. bensontheartist
    Member
    Posted 1 year ago #

    Hi again, I just wonder how I get a shadow around the add to cart button and not as wide as now like this http://www.patroner.se/

    My site http://www.xn--smlandsgran-y8a.se/

    Thanks! U rock!

  7. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    You could try adding this to your custom css and see if you like it better:

    .product_item .kad_add_to_cart {
    background: #c72c00;
    width: auto;
    border-radius: 3px;
    max-width: 80px;
    display: inline-block;
    webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    }

    Kadence Themes

  8. bensontheartist
    Member
    Posted 1 year ago #

    U rock!!! THANK YOU!

  9. chinds
    Member
    Posted 1 year ago #

    Hi dont mean to be hijacking this thread, however when I add the code blow to my custom css, it changes the button and font color but the hover effect is still there.

    .product_item .kad_add_to_cart {
    background: #none;
    color: #000;
    }

    Kind regards
    Chris

  10. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    .product_item .kad_add_to_cart:hover {
    background: #none;
    color: #000;
    }

    Kadence Themes

  11. chinds
    Member
    Posted 1 year ago #

    brilliant thank you, i tried that but with a:hover instead. Its working now though thanks.

    One other you may be able to help me with: i am trying to add addition content to the homepage. i would like to add some images with my own divs and css above the resent products on this site: http://mangunbear.com

    I have tried adding this content to the main index.php to no avail.

    Regards
    Chris

  12. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    You need to use the font-page.php not index.php

    Kadence Themes

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic