• Resolved xixilove

    (@xixilove)


    Hello,

    I see three style options to show the “Add to wishlist” on the product page.
    1- Text
    2- Theme style button
    3- Custom style button

    I am selecting the custom style option, but the button keeps showing as the theme style one.

    I’d appreciate any help, thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hello there,

    Thanks for contacting us, I hope you are doing well ??

    Could you please send us the custom style that you want to implement so that we can test it and could you also explain to us what you want to do? In case we do not finish understanding reading your code.

    I am looking forward to your response.
    Have a nice day.

    Thread Starter xixilove

    (@xixilove)

    Hello,

    Thanks for the fast reply. I’m gonna clarify the problem better:

    In this link, you can see that I have selected the third option that says “Button with custom style”. https://imgur.com/0rMSX6P

    As you can see, the background is black and text is white. However, after saving these options and going into my web, the add to my wishlist button is not black and white, but the colors as the theme style. https://dearxclothes.com/producto/producto-de-prueba-2/

    Thank you

    Hello there,

    Thanks for your reply, I hope you are doing well ??

    Perfect, now I understand better the problem you are experiencing, please try inserting the following CSS code in the “Appearance” > “Customize” > “Additional CCS” section:

    .button, input[type=submit], input[type=submit].button, input[type=reset].button, input[type=button].button {
        color: #fff;
        background-color: var(--primary-color) !important;
        border-color: rgba(0,0,0,.05);
    }

    Let us know any news, please.
    Have a nice day.

    Thread Starter xixilove

    (@xixilove)

    Hi, thanks for the response.

    I have tried the above version, but it changes the color of all the buttons of my web.

    Hello there,

    Thanks for your reply, I hope you are doing well ??

    There seems to be a problem with the theme not loading the plugin styles correctly, please try inserting the following code snippet into your active theme’s functions.php file:

    if ( ! function_exists( 'yith_wcwl_enqueue_back_required_assets' ) ) {
        function yith_wcwl_enqueue_back_required_assets() {
            $suffix  = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
            $version = defined( 'WC_VERSION' ) ? WC_VERSION : '';
    
            wp_enqueue_style( 'woocommerce_prettyPhoto_css', plugins_url( 'assets/css/prettyPhoto.css', WC_PLUGIN_FILE ), array(), $version );
            wp_enqueue_script( 'prettyPhoto', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), '3.1.6' );
            wp_enqueue_script( 'prettyPhoto-init', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto.init' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), $version );
    
            wp_enqueue_style( 'yith-wcwl-main', YITH_WCWL_URL . 'assets/css/style.css', array( 'jquery-selectBox' ) );
        }
    
        add_action( 'wp_enqueue_scripts', 'yith_wcwl_enqueue_back_required_assets', 100 );
    }

    Let us know any news, please.
    Have a nice day.

    Thread Starter xixilove

    (@xixilove)

    Hello, sorry it is still not working :/

    Hello there,

    Thanks for your reply, I hope you are doing well ??

    What you can do is insert the following CSS code in the “Appearance” > “Customize” > “Additional CSS” section:

    .woocommerce a.add_to_wishlist.button.alt {
        background: #000000;
        color: #FFFFFF;
        border-color: #333333;
    }

    Let us know any news, please.
    Have a nice day.

    Thread Starter xixilove

    (@xixilove)

    It worked, thank you so much

    Hello same Issue with me I want a button like that https://share.cleanshot.com/pPO2Z7
    https://turkishstore.online/product/hobby-life-diamond-design-laundry-hamper-medium-size-55ltr/

    I also use
    Theme style button
    Custom style button

    but not working

    please help me

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Custom Add To Wishlist Button’ is closed to new replies.