Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 23, 2019 at 10:00 pm #1121266
    thomasvr4

    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

    July 23, 2019 at 11:38 pm #1121324
    Jordan Shannon

    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

    July 24, 2019 at 1:36 am #1121347
    thomasvr4
    This reply has been marked as private.
    July 24, 2019 at 5:47 pm #1121656
    Nikko

    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

    July 26, 2019 at 6:35 pm #1122197
    thomasvr4

    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

    July 27, 2019 at 5:25 pm #1122381
    Victoria

    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

    July 27, 2019 at 5:34 pm #1122390
    thomasvr4

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

    Thomas

    July 27, 2019 at 6:39 pm #1122414
    Victoria

    Hi Thomas,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 27, 2019 at 7:08 pm #1122425
    thomasvr4

    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

    July 28, 2019 at 7:58 pm #1122548
    Victoria

    Hi Thomas,

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

    Best regards,
    Victoria

    July 28, 2019 at 8:35 pm #1122574
    thomasvr4

    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

    July 29, 2019 at 7:18 pm #1122867
    Victoria

    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

    July 30, 2019 at 7:27 am #1123051
    thomasvr4

    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

    Hooks and Filters

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

    Best regards.
    Thomas

    • This reply was modified 5 years, 4 months ago by thomasvr4.
    July 30, 2019 at 9:42 am #1123071
    thomasvr4

    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

    July 31, 2019 at 10:17 am #1123482
    Victoria

    Hi Thomas,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.