ShopSite Forums

by **hooksandhowlers** » Sun Sep 18, 2011 10:30 pm

Okay, I have read just about everything that I can find on my issue and I can't find the answer.

I followed the video on youtube to set up the custom template. It looks like my css stylesheet isn't being picked up by the template when I try to preview the page.
I loaded the stylesheet into the publish folder and I believe that I have my path being right as being "publish/styles.css"
Can anyone help me out on this one?
Here is the code that I'm working with.

[-- DEFINE LINK_TO_PAGE --]
<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]">
[-- IF PAGE.LinkGraphic --][-- PAGE.LinkGraphic --]
[-- END_IF --]
[-- IF PAGE.LinkName --][-- PAGE.LinkName --][-- ELSE --][-- PAGE.Name --][-- END_IF --]
[-- IF PAGE.LinkText --]
[-- PAGE.LinkText --][-- END_IF --]
[-- END_DEFINE LINK_TO_PAGE --]

[-- DEFINE PAGE --]

<!DOCTYPE HTML>
<html>

<head>
<script type="text/javascript" src="publish/jquery.js"></script>

<rel="stylesheet" type="text/css" href="publish/styles.css">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="cache" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta name="keywords" content="game call supply hunter predator hog deer coyote bobcat fox turkey gamecalls" />
<meta name="description" content="Online Game call supply store for Hunting Deer, Duck, Predator, Hog, Turkey and More..." />

<title>Game Call Supply - www.GameCallSupply.com</title>







</head>

<body>
<div id="outter">

<div id="wrapper">

<div id="logo">
<img src="media/GCSlogo2 copy.jpg" />

</div>

<div id="creditcardpics">
<ul>
<li><img src="media/cards.jpg" />
<li>
<li>
<li>
</ul>
</div>

<div id="topnav">

<ul>
<li><a href="../index.html">HOME</a></li>
<li><a href="../about.html">ABOUT</a></li>
<li><a href="../shipping.html">SHIPPING</a></li>
<li><a href="../contact.html">CONTACT</a> </li>

</ul>
</div>

<div id="banner">
<img src="media/staticbanner.jpg" />

</div>

<div id="leftnav">
<ul>
<h4> GAME CALLS </h4>
<li class="leftnavbutton" ><a href="http://www.gamecallsupply.com/store/deer.html">- DEER</a></li>
<li class="leftnavbutton" ><a href="http://www.gamecallsupply.com/store/duck.html">-DUCK</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/elk.html">-ELK</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/hog.html">-HOG</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/moose.html">-MOOSE</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/owl.html">-OWL</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/predator.html">-PREDATOR</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/squirrel.html">-SQUIRREL</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/turkey.html">-TURKEY</a></li>
<h4> VIDEOS </h4>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/predatorvideos.html"> -PREDATOR</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/duckvideos.html">-WATERFOWL</a></li>
<h4> ACCESORIES </h4>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/camotape.html">-CAMO TAPE</a></li>
<li class="leftnavbutton"><a href="http://www.gamecallsupply.com/store/scents.html">-SCENTS</a></li>

</ul>
</div>

<div id="minicart">
<script language="javascript">
/**** Mini Cart Subtotal Display ****/

/**** REPLACE THE VALUES IN THESE LINES ****/
var serialnum="0001390553";
var cartURL="http://www.gamecallsupply.com/store/sc/order.cgi?storeid=*14895f3cbae940170804e838&function=show";
var textColor="black";
var backgroundColor="transparent";
var showCart="yes"; // only "yes" or "no"
var cartColor="black"; // only "black" or "white"
var textAlign="left"; // only "left" "right" or "center"

/**** DON'T CHANGE ANYTHING BELOW HERE ****/

var linkColor=textColor;
var cookies=document.cookie; //read in all cookies
var start = cookies.indexOf("ss_cart_" + serialnum + "=");
var cartvalues = "";
var linecount = 0;
var start1;
var end1;
var tmp;

// Start Output
document.write("<div style=\"color:" + textColor + ";");
document.write("background-color:" + backgroundColor + ";");
document.write("text-align:" + textAlign + ";");
document.write("font-family: Verdana, Arial, Helvetica, sans-serif;");
document.write("font-size: 8pt;");
document.write("\">\n");
if (showCart == "yes")
{
document.write("<a href=\"");
document.write(cartURL + "\"");
document.write(">");
document.write("<img src=\"./media/themesmedia/cart-" + cartColor + ".gif\" border=\"0\" align=\"top\">");
document.write("</a> ");
}

if (start == -1) //No cart cookie
{
document.write("<a href=\"" + cartURL + "\" style=\"color:" + linkColor + "\">");
document.write("0 Items");
document.write("</a> ");
document.write("</div>\n");
}
else //cart cookie is present
{
start = cookies.indexOf("=", start) +1;
var end = cookies.indexOf(";", start);

if (end == -1)
{
end = cookies.length;
}

cartvalues = unescape(cookies.substring(start,end)); //read in just the cookie data

start = 0;
while ((start = cartvalues.indexOf("|", start)) != -1)
{
start++;
end = cartvalues.indexOf("|", start);
if (end != -1)
{
linecount++;

if (linecount == 2) // Total Quantity of Items
{
tmp = cartvalues.substring(start,end);
colon = tmp.indexOf(":", 0);
document.write("<a href=\"" + cartURL + "\" style=\"color:" + linkColor + "\">");
document.write(tmp.substring(colon+1,end - start));
if ((tmp.substring(colon+1,end - start)) == 1 )
{
document.write(" Item");
}
else
{
document.write(" Items");
}
document.write(": ");
}

if (linecount == 3) // Product Subtotal
{
tmp = cartvalues.substring(start,end);
colon = tmp.indexOf(":", 0);
document.write(tmp.substring(colon+1,end - start));
document.write("</a>");
}

start = end;
}
else
break;
}
} // end while loop

//close minicart HTML
document.write("</div>\n");
</script>

</div>

<div id="content-fullwidth">
<table width="100%">
<tr>
<td align="left">
[-- IF PAGE.DisplayPageHeader --]
[-- HEADER --]
[-- END_IF --]

[-- IF PAGE.DisplayName --]
[-- IF PAGE.Name --]
<h1>[-- PAGE.Name --]</h1>
[-- END_IF --]
[-- END_IF --]

[-- IF PAGE.DisplayGraphic --]
[-- IF PAGE.Graphic --]
<img [-- PAGE.Graphic REMOVE_HTML --] align="right">
[-- END_IF --]
[-- END_IF --]

[-- IF PAGE.Text1 --]
<p>[-- PAGE.Text1 --]</p>
[-- END_IF --]

[-- INCLUDE Page-Layout PROCESS --]

[-- IF PAGE.NumLinks 0 --]
[-- ELSE --]
<table class="Products" width="100%" align="center" border="[-- VAR.border --]" cellpadding="3">
[-- LOOP LINKS PAGE.Columns --]
<td valign="top" align="[-- VAR.align --]">[-- LINK --]</td>
[-- END_LOOP LINKS --]
</table>
[-- END_IF --]

[-- IF PAGE.Text2 --]
<p>[-- PAGE.Text2 --]</p>
[-- END_IF --]

[-- IF PAGE.NumProducts 0 --]
[-- ELSE --]
<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>
[-- END_IF --]

[-- IF PAGE.ProductsPerPage "0" --]
[-- ELSE --]
<div class="pagination">[-- PREVNEXT --]</div>
[-- END_IF --]

[-- IF PAGE.DisplayPageFooter --]
[-- FOOTER --]
[-- END_IF --]

[-- IF PAGE.Text3 --]
<p>[-- PAGE.Text3 --]</p>
[-- END_IF --]

[-- IF Page.GlobalCrossSell --]
<table class="gcs_table">
<caption>[-- STORE.GlobalCrossSellHeader --]</caption>
[-- LOOP GLOBAL_Cross_Sell 3 --]
<td class="gcs_table_content">[-- GLOBAL_CROSS_SELL --]</td>
[-- END_LOOP Global_Cross_Sell --]
</table>
[-- END_IF --]
</td>
</tr>
</table>

</div>

<div id="footer">
<p class="footer-text"> Copyright 2011 Game Call Supply </p>
</div>

</div>
</div>

</body>
</html>

[-- END_DEFINE PAGE --]

by **Jim** » Mon Sep 19, 2011 1:09 pm

Did you publish the store after making the change to the template? Utilities > Publish > Regenerate
Did you set your store pages to use the template? Pages > Edit Page Layout.
Have you refreshed your browser since making the change and publishing?

I went to the url http://www.gamecallsupply.com/store/index.html and looked at the html source. It doesn't look like that page is using this template since I see this line

Code: Select all: <rel="stylesheet" type="text/css" href="/home4/gamecal1/public_html/store/publish/styles.css">

but in your template you have this line.

Code: Select all: <rel="stylesheet" type="text/css" href="publish/styles.css">

So the style sheet being called doesn't appear to be the same in the template and what is on the page source.

by **hooksandhowlers** » Thu Sep 22, 2011 8:17 pm

Yep that was it. Thx.

I ended up just deleting out all of the information that I had in there and doing it again with all of the correct info like you stated.

Thanks for the help.

ShopSite Forums

css stylesheet problems

css stylesheet problems

Re: css stylesheet problems

Re: css stylesheet problems

Who is online