I have a sample page template and can't seem to change the header image to the one specified by me. Also, i was wondering if it would be possible for me to change the colour of the left column and customize some of the links i will be placing there like the colours of visited links, etc?
I also have specified my own footer but it seems to be aligned left. Anyway, i can align it to the center? I am a bit new to this custom template thing and so if anyone could assist me would be fantastic. I have added the code of the template below:
- Code: Select all
#Crop Circles Page Template
#Copyright 2008 ShopSite inc. Design by Lauren
[-- DEFINE LINK_TO_PAGE --]
<a href="[-- PAGE.FileName --]">[-- IF PAGE.LinkName --][-- PAGE.LinkName --][-- ELSE --][-- PAGE.Name --][-- END_IF --]</a>
[-- IF PAGE.LinkGraphic --]<br><a href="[-- PAGE.FileName --]">[-- PAGE.LinkGraphic --]</a>[-- END_IF --]
[-- IF PAGE.LinkText --]<br>[-- PAGE.LinkText --][-- END_IF --]
[-- END_DEFINE LINK_TO_PAGE --]
[-- DEFINE PAGE --]
[-- VAR.PageType "page" --]
[-- VAR.SecurePage no --]
[-- VAR.TextColor PAGE.TextColor --]
[-- VAR.BackgroundColor PAGE.BackgroundColor --]
[-- VAR.LinkColor PAGE.LinkColor --]
[-- VAR.VisitedLinkColor PAGE.VisitedLinkColor --]
[-- VAR.ActiveLinkColor PAGE.ActiveLinkColor --]
[-- VAR.BackgroundImage PAGE.BackgroundImage --]
[-- VAR.SearchProductField PAGE.SearchProductField --]
[-- VAR.MoreInfoTemplate CropCircles-MoreInfoPage.sst --]
[-- INCLUDE CropCircles-Colors.sst PROCESS --]
[-- VAR.TFLink PAGE.Name --]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>[-- IF PAGE.Title --][-- PAGE.Title --]</title>[-- ELSE --][-- PAGE.Name --]</title>[-- END_IF --]
[-- IF PAGE.MetaKeywords --]<meta name="keywords" content="[-- PAGE.MetaKeywords --]">[-- END_IF --]
[-- IF PAGE.MetaDescription --]<meta name="description" content="[-- PAGE.MetaDescription --]">[-- END_IF --]
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="index,follow">
<meta name="revisit-after" content="10 days">
<style type="text/css">
<!--
[-- INCLUDE CropCircles.css PROCESS --]
-->
</style>
</head>
<body>
[-- IF VAR.BackgroundImage "none" --]
<div style=" display:none;"><img src="[-- ShopSite_Images --]/backgrounds/cropcircles/[-- VAR.HeaderImage --]" height="300" width="900"></div>
[-- END_IF --]
<div id="header">[-- IF PAGE.DisplayPageHeader --][-- IF HEADER --][-- HEADER --]<br>[-- ELSE --]<h1>[-- STORE.Name --]</h1>[-- END_IF --][-- END_IF --]</div>
<div id="toplinks">
<ul id="tabs">
<li class="tab" style="float: right;"><a href="[-- SHOPPING_CART_URL --]" title="[-- STORE.SC_YourShoppingCart --]"><span>[-- STORE.SC_YourShoppingCart --]</span></a></li>
<li class="tab"><a href="[-- MyStoreURL --]" title="[-- STORE.Name --]"><span>Home</span></a></li>
[-- IF GiftCert --] <li class="tab"><a href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.ID --]&cert=gift"><span>[-- STORE.SC_GiftCertificate --]</span></a></li>[-- END_IF --]
[-- IF SC_Registration --]
[-- INCLUDE Congruence-Registration.js PROCESS --]
[-- END_IF --]
</ul>
</div>
<div id="container">
<table id="columns">
<tr>
<td id="leftside">
[-- IF VAR.SearchProductField --]
[-- IF ANALYTICS_MULTI_DOMAIN --]
<form style="margin-bottom:0; font-size: 9pt" action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE_ID --]" method="post" onSubmit="javascript:__utmLinkPost(this)">
[-- ELSE --]
<form style="margin-bottom:0; font-size: 9pt" action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE_ID --]" method="post">
[-- END_IF --]
<div id="search">
<input type=hidden name="storeid" value="[-- STORE_ID --]">
<input type="text" name="search_field" class="search" size="17">
<input type="image" src="[-- ShopSite_Images --]/backgrounds/curved/arrow.gif" name="add to cart" style="margin-bottom: -3px;">
</div>
</form>
[-- END_IF --]
[-- IF PAGE.NumLinks "0" --]
[-- IF TELLAFRIEND --]
<div id="leftlinks">
[-- TELLAFRIEND "" --]
</div>
[-- END_IF --]
[-- ELSE --] <div id="leftlinks">
[-- LOOP LINKS --]
[-- LINK CropCircles.sst --]
[-- END_LOOP LINKS --]
[-- IF TELLAFRIEND --] [-- TELLAFRIEND VAR.TFLink --][-- END_IF --]
</div>[-- END_IF --]
[-- IF ShopSiteSecurityImage --] <div class="footer">[-- ShopSiteSecurityImage --]</div>[-- END_IF --]
</td>
<td id="rightside">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
[-- IF PAGE.DisplayName --]
[-- IF PAGE.Name --]
<tr>
<td class="PageName"><h1>[-- PAGE.Name --]</h1></td>
</tr>
[-- END_IF --]
[-- END_IF --]
[-- IF PAGE.DisplayGraphic --]
[-- IF PAGE.Graphic --]
<tr>
<td align="center">[-- PAGE.Graphic --]</td>
</tr>
[-- END_IF --]
[-- END_IF --]
[-- IF PAGE.Text1 --]
<tr>
<td>[-- PAGE.Text1 --]</td>
</tr>
[-- END_IF --]
[-- INCLUDE Page-Layout PROCESS --]
[-- IF PAGE.NumProducts 0 --]
# skip this section
[-- ELSE --]
<tr>
<td>
<table class="Products" width="100%" align="center" border="[-- VAR.border --]" cellpadding="3">
[-- LOOP PRODUCTS PAGE.Columns --]
<td valign="top" align="[-- VAR.align --]">[-- PRODUCT --]</td>
[-- END_LOOP PRODUCTS --]
</table>
</td>
</tr>
[-- END_IF --]
[-- IF PAGE.Text2 --]
<tr>
<td>[-- PAGE.Text2 --]</td>
</tr>
[-- END_IF --]
<!-- Multi-Page Links -->
[-- IF PAGE.ProductsPerPage "0" --]
# do nothing
[-- ELSE --]
<tr>
<td><div class="footer">[-- PREVNEXT --]</div></td>
</tr>
[-- END_IF --]
[-- IF PAGE.Text3 --]
<tr>
<td>[-- PAGE.Text3 --]</td>
</tr>
[-- END_IF --]
</table>
</div>
</td>
</tr>
</table>
<div id="footer">[-- IF PAGE.DisplayPageFooter --][-- FOOTER --][-- END_IF --]</div>
</body>
</html>
[-- END_DEFINE PAGE --]