Change Wishlist Button to Default - by kw13

This topic has 2 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Olga Barlow

  • Avatar: kw13
    March 6, 2019 at 19:35


    I’d like the wishlist button to display next to “Add to Cart” which is the default for the YITH Wishlist plugin (a square button with heart inside it):

    How can I change or override where Royal shows this button so it defaults to YITH settings?

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 7, 2019 at 10:52


    1) If you want to use the button instead of simple text + icon go to Wishlist > Colors > edit the options according to your needs: enable icon, change the bg color, add the border. Add the following styles to child theme style.css to remove our default wishlist icon

    .product-information .yith-wcwl-add-to-wishlist a:before {content: "";}
    .product-information .yith-wcwl-add-to-wishlist a:before {background:none;}
    .product-information .cart button[type="submit"] {float: left;}

    2) Image in the plugin description is wrong because if you check their demo you’ll see that add to wishlist button is located below the Add to cart button and even out of the Add to cart block You can enable even default theme, Storefront for example.
    If you want to place wishlist next to Add to cart button got to Wishlist > Settings > Position > Use shortcode. After that add the following code to child theme functions.php

    add_action( 'woocommerce_after_add_to_cart_button', 'et_custom_action', 5 );
    function et_custom_action() {
    echo do_shortcode('[yith_wcwl_add_to_wishlist]');


  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.