Return to previous page

Reply 210553 to: Change Wishlist Button to Default

Avatar: Olga Barlow
Olga Barlow
Support staff
March 7, 2019 at 10:52

Hello,

1) If you want to use the button instead of simple text + icon go to Wishlist > Colors > http://prntscr.com/mui059 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 https://plugins.yithemes.com/yith-woocommerce-wishlist/product/yith-bag-roger/ 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 http://prntscr.com/muhze2 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]');
}

Regards

#210553
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

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