Couple of Template edits
 

I am trying to edit a couple of things with my template. I have attached a screenshot of what I am trying to do.


Product change screen. I want to add two more buttons and the text in red will be added to those buttons


Thanks in Advance

Re: Couple of Template edits
 

I have no idea about "Local Authorities" but your other buttons can be added to skin1/customer/ products.tpl or skin1/customer/ products_t.tpl, depending on which you are using. The "More Info" link and text is found in products.tpl (or products_t.tpl)
You will have to edit it according to what you want, or comment it out by adding {* and *} to the beginning and end of what you want to remove.

Edits in skin1..
TopLabel class for "Search"
VertMenuLeftColumn add "width"
VertMenuRightColumn add "width"

"Advanced Search" uses the default A:link class. You can specifiy a different class for this link in skin1/customer/search.tpl (look for the $lng.lbl_advanced_search label)

Re: Couple of Template edits
 

I am trying to increase the left vertical column and have edited the css like this but it does not work



Any Ideas?

Re: Couple of Template edits
 

Can anyone help me with this please

Re: Couple of Template edits
 

In skin1/customer/hometpl, change
<td class="VertMenuLeftColumn">
to
<td width="300px">

Re: Couple of Template edits
 

All that did wa made the left column move down the page 300 pixels

I want to make the left hand column wider.

Re: Couple of Template edits
 

That is strange. Do you have a link? PMif you don't want it public?

Re: Couple of Template edits
 

See Screen Attached

Re: Couple of Template edits
 

in home.tpl you will find a line similar to this...

<img src="{$ImagesDir}/spacer.gif" width="150" height="1" alt="" />


I shouod be at the very end of the left column.

change the width to whatever you want it to be.

Re: Couple of Template edits
 

Thankyou :-)

Re: Couple of Template edits
 

Right I am trying to move the more details links next to the buy now link.

this is the code for the more details link which is in the /customer/main/products.tpl


Where do I move this code so its next to the buy now button

Re: Couple of Template edits
 

Can anyone help please :-)

Re: Couple of Template edits
 

Anyone please :-)

Re: Couple of Template edits
 

Open skin1/customer/main/buy_now.tpl.

Find this line.

<td>{include file="submit_wo_js.tpl" value=$lng.lbl_buy_now}</td>
{/if}

Add this after it.

<td style="padding-left: 20px;"><a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}">{$lng.lbl_see_details}</a>
</td>

Re: Couple of Template edits
 

Thank you very much Ashley. How do I go about changing the look of the link so it looks like the by now button?

Re: Couple of Template edits
 

create a table around the link with the same images as the buy now button.

Re: Couple of Template edits
 

HI there Ashley I have been trying to get the images to show around the more info link

This is the code I have


I have been adding some style tags to the td tags to add the images but its not working

can you help me please

Re: Couple of Template edits
 

Can anyone help me please

Re: Couple of Template edits
 

If anyone could help me out with this please I would really appreciate it :-)

Re: Couple of Template edits
 

post your URL and I'll take a look.

Re: Couple of Template edits
 

http://www.rapidvisionsystems.com/home.php?cat=19


Thanks

Re: Couple of Template edits
 

<td><img src="/skin1/images/but1.gif" class="ButtonSide" alt=""></td>
<td class="Button"><font class="Button"><a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}">More Info</a></font></td>
<td><img src="/skin1/images/but2.gif" class="ButtonSide" alt=""></td>

try this

Re: Couple of Template edits
 

Thats great. Thanks

How do I add a gap between the buttons?

Re: Couple of Template edits
 

<td>&nbsp;&nbsp;&nbsp;</td>

Re: Couple of Template edits
 

Thankyou very much Ashley :-)

Re: Couple of Template edits
 

check PMs

Re: Couple of Template edits
 

Hi again I have been asked to change the color of the buttons from orange to blue so what I have done it renamed the following images to the name of the orange buttons

but_menu1.gif renamed to but1.gif
but_menu2.gif renamed to but2.gif
but_menubg.gif renamed to butbg.gif

But the images looks a little strange and I also need the link to be white before they click it and after the link have been clicked and when they hover over it

http://www.rapidvisionsystems.com/home.php?cat=19

It not down to me about the template mate other wise I would buy a pre made template :-)

Re: Couple of Template edits
 

Are the new images the same size as the old ones? If not you will have to make changes to the CSS to match the new images size. Often they are just a pixel or two of.

To change the link color you need to add a class declaration in the anchor tag.

<a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}" class="white">

Then make a new class.

A.white:link {
COLOR: #ffffff;
TEXT-DECORATION: none;
display:block
}
A.white:visited {
COLOR: #ffffff;
TEXT-DECORATION: none;
display:block
}
A.white:hover {
COLOR: #ffffff;
TEXT-DECORATION: none;
display:block
}
A.white:active {
COLOR: #ffffff;
TEXT-DECORATION: none;
display:block
}

Re: Couple of Template edits
 

Thanks Ashley

I have tried to move the more info button to the left of the buy now button but it did not work.

How would I do this please?