How To Customize The Add To Wish List Button

General General Questions
1

Hi,



Does anyone know how to customize the Add to Wish List button so that it looks exactly like the Add to Cart Button on the Product Page?



Thanks.

2

Hello,



In order to make [color=#282828][font=arial, verdana, tahoma, sans-serif]the “Add to Wish List” button [/font][/color][color=#282828][font=arial, verdana, tahoma, sans-serif]exactly like the “Add to Cart” Button it is necessary to find [/font][/color]design/themes/responsive/templates/addons/wishlist/views/wishlist/components/add_to_wishlist.tpl[color=#282828][font=arial, verdana, tahoma, sans-serif] [/font][/color][color=#282828][font=arial, verdana, tahoma, sans-serif] file and replace this code:[/font][/color]


{include file="buttons/button.tpl" but_id=$but_id but_meta="ty-btn__text ty-add-to-wish" but_name=$but_name but_text=__("add_to_wishlist") but_role="text" but_onclick=$but_onclick but_href=$but_href}



by this one:


{include file="buttons/button.tpl" but_id=$but_id but_meta="ty-btn__primary ty-btn__big" but_name=$but_name but_text=__("add_to_wishlist") but_role="text" but_onclick=$but_onclick but_href=$but_href}



[color=#282828][font=arial, verdana, tahoma, sans-serif]Sincerely yours,[/font][/color]

[color=#282828][font=arial, verdana, tahoma, sans-serif]CS-Market.[/font][/color]

3

The code provided by CS-Market does not work as I'm using the latest CS-Cart version. I changed the add_to_wishlist.tpl to the code below:



{include file=“buttons/button.tpl” but_id=$but_id but_meta=“button-submit-big” but_name=$but_name but_text=__(“add_to_wishlist”) but_role=“button” but_onclick=$but_onclick but_href=$but_href}



This is the closest I got but still isn't the same as the add to cart button. Here is a screenshot of what is showing on my end. I need the button for the add to wish list to be exactly the same, darker background button and white text ?



Thanks.

Screen Shot 2015-07-30 at 12.39.05 PM.png

4

Your screenshot is too small to read but the code provided by CS-Market should work.

5

The code doesn't work, tried clearing the cache and still nothing. If you save the screenshot and open it manually you should see everything perfectly as it was saved from a retina 27 inch iMac?



Thanks.

6

All I can say is you're doing something wrong. I see you have modified the layout so maybe that has something to do with it.?



For future reference, when you ask for help, don't make it harder for others to help (i.e. request that they download a file).



Before:

[attachment=9986:atwl_before.jpg]



After:

[attachment=9987:atwl_after.jpg]

atwl_before.jpg

atwl_after.jpg

7

[quote name='hobbiesdeveloper' timestamp='1438281587' post='225024']

The code provided by CS-Market does not work as I'm using the latest CS-Cart version. I changed the add_to_wishlist.tpl to the code below:



{include file=“buttons/button.tpl” but_id=$but_id but_meta=“button-submit-big” but_name=$but_name but_text=__(“add_to_wishlist”) but_role=“button” but_onclick=$but_onclick but_href=$but_href}



This is the closest I got but still isn't the same as the add to cart button. Here is a screenshot of what is showing on my end. I need the button for the add to wish list to be exactly the same, darker background button and white text ?



Thanks.

[/quote]



Please check PM.



Sincerely yours,

CS-Market.

8

I have it on my local computer and it's not live yet, how should we proceed in getting the code checked?



Thanks.

9

Like I stated before we are not using anything with the ty-btn variable, here is the current code of the Add to Wish List using the Firebug Inspector.



Code for the Add to Wish List Button:







[b]Code for the Add to Cart Button:[/b]






I hope that helps.