Re-locating Wish List button – Beside Add to Bag button

Hi Jon

I’ll be glad to help; anyway, I’m quite confused by your request
Default “Checkout” page shouldn’t contain any “Add to Cart” button, so I’m not sure exactly where you want to place your add to wishlist button

If you have access to templates, anyway, you could use shortcode in order to print the button

<?php echo do_shortcode( ‘[yith_wcwl_add_to_wishlist product_id=”HERE_THE_PRODUCT_ID”]’ ) ?>

On the other hand, if you’re trying to move button on the single product page, using the option provided with the plugin, and this doesn’t seem to affect final result on frontend, there are chances that your theme customizes wishlist behaviour, breaking that option

Could you pleae try our plugin with Twenty default theme?

Hi there,

The developer I am working with tried to add the code, so that we can put the Wish List button beside the “Add to Cart” button on the product page, but for whatever reason apparently he is having issues.

The default Wish List button locations do not work well for my theme, so that is the reason why I need to move the Wish List button beside the Add to Cart button.

This is for the Flatsome theme, which I am using, as I have about 700 products I have on the web site, that I will be selling. Do not have the Twenty default theme currently.

It is the single product page that we are trying to change the location, not the check out page. Sorry for the confusion.

Here is what my developer responded with:

The button is moving with the options provided in plugin.

We want the button inside the “form/div” of elements in which color, size selections boxes and Add to cart button is placed.

Does this make sense?

.

I think we have the same issue as Jon. I made simple visualisation what we want to achieve. You can see it on this
PICTURE
Is it possible in easy way?
Regards
Mariusz

Hi again guys

If you want to move Add to Wishlist button immediatly after Add to Cart button, I suggest you to set “Use Shortcode” as location, and to place the following code at the end of functions.php file of your themes or childs

if( defined( 'YITH_WCWL' ) && ! function_exists( 'yith_wcwl_move_wishlist_button' ) ){
	function yith_wcwl_move_wishlist_button(  ){
		echo do_shortcode( '[yith_wcwl_add_to_wishlist]' );
	}
	add_action( 'woocommerce_after_add_to_cart_button', 'yith_wcwl_move_wishlist_button' );
}

This should move Add to Wishlist button inside Add to Cart form
Now all you have to do is to apply some Custom CSS in order to make button on the right of the Add to Cart, if this is what you want to obtain, and if there is room enough

Please, let me know if this works as epxected

• This reply was modified 7 years, 4 months ago by YITHEMES.

No luck for me.
Same position as before, but doubled
Quick view: https://prntscr.com/he67ri
Product page: https://prntscr.com/he681u

Hi,

I am Maaz. Developer of @jcarruthers31. I have successfully run the code!!
Thanks alot @yithemes for the code:

if( defined( ‘YITH_WCWL’ ) && ! function_exists( ‘yith_wcwl_move_wishlist_button’ ) ){
function yith_wcwl_move_wishlist_button( ){
echo do_shortcode( ‘[yith_wcwl_add_to_wishlist]’ );
}
add_action( ‘woocommerce_after_add_to_cart_button’, ‘yith_wcwl_move_wishlist_button’ );
}

@mariuszo: Try following code in your style.css

.product .summary form.cart { vertical-align: middle; display: inline-block; margin-right: 15px;}

.product .summary .yith-wcwl-add-to-wishlist { display: inline-block; vertical-align: middle;}

.yith-wcwl-add-button { background: #000; height: 39px; padding: 7px 0px 7px 12px !important; width: 116px; margin-top: 8px;}

.yith-wcwl-add-button a { color: #fff ;}.variations_form {width: 86%;}

.woocommerce-variation-add-to-cart {float:left}

And tell me if it works for you. ??

Hi!
Sorry for delay – busy a bit ??

Unfortunatelly, function `if( defined( ‘YITH_WCWL’ ) && ! function_exists( ‘yith_wcwl_move_wishlist_button’ ) ){
function yith_wcwl_move_wishlist_button( ){
echo do_shortcode( ‘[yith_wcwl_add_to_wishlist]’ );
}
add_action( ‘woocommerce_after_add_to_cart_button’, ‘yith_wcwl_move_wishlist_button’ );
}`
causes HTTP ERROR 500 on my website.

@maazk92 CSS code itself is making double button “under” main one ??

I really like this plugin but I think it is an issue between plugin and theme (XSTORE).
I will contact theme developer as well, but I will appreciate further help here too!
Thx and regars!