Need A Image Button For Add To Cart

Store Builder in detail Store Design & Templates
#1

Hi,



I am using cs-cart version 4 . I want to replace the regular text button with an image button. Is it possible? How can I do it?

#2

no help until now :-( :-(

#3

Dear Ravindran,



What do you mean under [color=#282828][font=arial, verdana, tahoma, sans-serif]an image button?[/font][/color]



[color=#282828][font=arial, verdana, tahoma, sans-serif]Best regards, Alt-team.[/font][/color]

#4

Here is how I did it:



Create a new file called /design/themes/your-template/templates/addons/my_changes/hooks/buttons/add_to_cart.override.tpl



In it, put:


{assign var="c_url" value=$config.current_url|escape:url}
{if $settings.General.allow_anonymous_shopping == "allow_shopping" || $auth.user_id}

{else}

{if $runtime.controller == "auth" && $runtime.mode == "login_form"}
{assign var="login_url" value=$config.current_url}
{else}
{assign var="login_url" value="auth.login_form?return_url=`$c_url`"}
{/if}

{include file="buttons/button.tpl" but_id=$but_id but_text=__("sign_in_to_buy") but_href=$login_url but_role=$but_role|default:"text" but_name=""}

{__("text_login_to_add_to_cart")}


{/if}



NOTE: This does also have some Google Analytics action tracking in it. It doesn't matter though.



Then in your styles, design/themes/your-template/css/addons/my_changes/my_styles.css put:


.add-to-cart {
background:url('images/add-to-cart.png') no-repeat center top;
height:41px;
width:161px;
border:0;
}
.add-to-cart:hover {
background-position: center bottom;
cursor:pointer;
}
.add-to-cart.b-click {
background-position: center bottom;
cursor:pointer;
}



I hope that helps.



Brandon

#5

hi

I tried but did not work

v4.2.3

#6

Image buttons are history

#7

images/add-to-cart.png

I add this Path.What is history