Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1121266

    Hi,
    I have several questions in Enfold product page,
    1. how to remove add to cart button, all woocommerce function, pages, frontpage cart icon?
    2. how to add a new button in single product page, click that button can redirect to another url?
    3. how to custom style the add to cart button, such as color, border….

    Best regards
    Thomas

    #1121324

    Hey thomasvr4,

    Please provide a link to the site/page in question so we can look into this further. Also, #1 and #3 are in contradiction with each other right?

    Best regards,
    Jordan Shannon

    #1121347
    This reply has been marked as private.
    #1121656

    Hi Thomas,

    1. Try adding this code at the bottom of your functions.php file:

    remove_action( 'woocommerce_after_shop_loop_item', 'avia_add_cart_button', 16);

    2. You can use our Avia Layout Builder to customize single product pages and use button element.

    3. Go to Enfold > Advanced Styling > select Buttons, then tweaks the color and border.

    Hope this helps.

    Best regards,
    Nikko

    #1122197

    Dear Nikko
    Thanks for your help.
    I tried your first answer, but the frontpage cart icon is still there.
    Please see the attach file : http://netfood.ygr-wp.com/2.jpg

    In addition, the third answer is for hole web site, I want to change only the add to cart button in single porduct page.Is it possible to do it?

    Best regards.
    Thomas

    #1122381

    Hi Thomas,

    https://cl.ly/cd07a657581e Please have a look at the available options for the cart icon in the Theme options > Shop options.

    Best regards,
    Victoria

    #1122390

    Dear Victoria,
    Thanks for your help. You slove my problem. Thanks very much.

    Thomas

    #1122414

    Hi Thomas,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1122425

    Dear Victoria
    About my #3 question, I tried to use Advanced Styling to change the add to cart button, but all buttons’ style will be changed too.
    Is there any way to just only change the style of add to cart button in single product page?

    Best regards.
    Thomas

    #1122548

    Hi Thomas,

    Yes, you can change it with css. How and where do you need to change it?

    Best regards,
    Victoria

    #1122574

    Hi, Victoria
    I want to change the add to cart button style
    1. background color
    2. text size, font style
    3. Add another button near the add to cart button

    url : http://netfood.ygr-wp.com/product/green-blouse/

    Best regards.
    Thomas

    #1122867

    Hi Thomas,

    You can play with following css:

    
    div .main_color .button.single_add_to_cart_button {
        color: aqua;
        background-color: navy;
        border: green 1px solid;
        border-radius: 11px;
        font-size: 15px;
    }
    

    To add another button you will need to use filters or modify templates.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1123051

    Dear Victoria
    1. I tried to use css you gave me, but it doesn’t work. I delete the div code in the beginning, then it works fine.
    .main_color .button.single_add_to_cart_button {
    color: aqua;
    background-color: navy;
    border: green 1px solid;
    border-radius: 11px;
    font-size: 15px;
    }

    2. You told me to use filters or modify templates. I try to find some docs

    But it’s not enough. would you give me more detail docs teach why to do it?

    Best regards.
    Thomas

    • This reply was modified 8 months, 1 week ago by  thomasvr4.
    • This reply was modified 8 months, 1 week ago by  thomasvr4.
    #1123071

    Hi, Nikho

    I tried to use code in function.php you told me. It works but not totally work.
    remove_action( ‘woocommerce_after_shop_loop_item’, ‘avia_add_cart_button’, 16);
    Add to cart button in some single product page was disabled, but some not.

    After I add below two codes found on Google, all done.
    remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’ );
    remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_add_to_cart’, 30 );

    Best regards.
    Thomas

    #1123482

    Hi Thomas,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.