Return to previous page

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

kw13

Participant

March 6, 2019 at 19:35

Hi,

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): https://docs.yithemes.com/yith-woocommerce-wishlist/free-settings/getting-started-free-version-plugin/

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

Please, contact administrator
for this information.

#210531 Copied Theme version: 4.7.3

1 Answer
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 Copied
Viewing 2 results - 1 through 2 (of 2 total)