View Single Post
  #7  
Old 11-09-2009, 01:51 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: Make Add To Cart Button Bigger

*******MAKE A BACK UP FIRST*****************

first change the style of the add to cart button.

in skin1/customer/main/product.tpl

change this
{include file="buttons/add_to_cart.tpl" style="button" href="javascript: if(FormValidation()) document.orderform.submit();"}

to this
{include file="buttons/add_to_cart.tpl" style="atcButton" href="javascript: if(FormValidation()) document.orderform.submit();"}


then in buttons/button.tpl
change this

{if $style eq 'button' && ($config.Adaptives.platform ne 'MacPPC' || $config.Adaptives.browser ne 'NN')}
<table cellspacing="0" cellpadding="0" onclick="{$js_link}" class="ButtonTable"{if $title ne ''} title="{$title|escape}"{/if}>
{strip}
<tr>
<td>
<{$img_type} src="{$ImagesDir}/but1.gif" class="ButtonSide" alt="{$title|escape}" />
</td>
<td class="Button"{$reading_direction_tag}>
<font class="Button">{$button_title}</font>
</td>
<td>
<img src="{$ImagesDir}/but2.gif" class="ButtonSide" alt="{$title|escape}" />
</td>
</tr>
{/strip}
</table>
{elseif $image_menu}

to this

{if $style eq 'atcButton' && ($config.Adaptives.platform ne 'MacPPC' || $config.Adaptives.browser ne 'NN')}
<table cellspacing="0" cellpadding="0" onclick="{$js_link}" class="ButtonTable"{if $title ne ''} title="{$title|escape}"{/if}>
{strip}
<tr>
<td>
<{$img_type} src="{$ImagesDir}/but1newbutton.gif" class="atcSide" alt="{$title|escape}" />
</td>
<td class="atcButton"{$reading_direction_tag}>
<font class="atcButton">{$button_title}</font>
</td>
<td>
<img src="{$ImagesDir}/but2newbutton.gif" class="atcSide" alt="{$title|escape}" />
</td>
</tr>
{/strip}
</table>
{else if $style eq 'button' && ($config.Adaptives.platform ne 'MacPPC' || $config.Adaptives.browser ne 'NN')}
<table cellspacing="0" cellpadding="0" onclick="{$js_link}" class="ButtonTable"{if $title ne ''} title="{$title|escape}"{/if}>
{strip}
<tr>
<td>
<{$img_type} src="{$ImagesDir}/but1.gif" class="ButtonSide" alt="{$title|escape}" />
</td>
<td class="Button"{$reading_direction_tag}>
<font class="Button">{$button_title}</font>
</td>
<td>
<img src="{$ImagesDir}/but2.gif" class="ButtonSide" alt="{$title|escape}" />
</td>
</tr>
{/strip}
</table>
{elseif $image_menu}

You will then need to add the new styles to the CSS highlighted in red ablove.

Then up load new iamges.

That's it. Simple!!! HA!

Changing the buttons can be bit of a hassle.

Ash
__________________
xcart 5.1.2
Reply With Quote