ShopSite Forums

by **Afsheen** » Tue Aug 03, 2010 11:19 am

Hi, I am very new at this. I try to put text under contact us form and Help center, it all got squished together. I made a page for them. How can I space it out, or edit this info? Thanks

by **ShopSite Lauren** » Tue Aug 03, 2010 11:20 am

Could you provide the URL of the pages you are working on. It is easier to see what you are explaining if we can see the actual page and code for that page.

by **Afsheen** » Tue Aug 03, 2010 11:27 am

sorry, its besttechdeals1.com

by **ShopSite Lauren** » Tue Aug 03, 2010 11:34 am

You can do the same editing of the text fields on a page as you had done for the header. You can go to Pages > Edit Page Content, then click on the [Editor] link. This will make it so that however you type in the text, the HTML will be created to keep it in that same format/look and feel.

Two other things I noticed when I went to your website. Your contact us page is at http://besttechdeals1.com/Contact%20us. The URL should end with .html (or something similar). You will want to go to Pages > Edit Page Content, and in the File Name field type in something along the lines of "contact-us.html"

Because you had changed the URL since the time you originally setup your top navigation, and you will be changing the URL again, you will need to reset/change the URL of the link in your top navigation. You will want to go to Preferences > Navigation > Contact Us > Edit, and reset the URL or reselect the page so that it links to the correct URL.

by **Afsheen** » Wed Aug 04, 2010 8:22 am

I went on preference buyt there is no navigation button, just store settings,theme, ocal info, header etc. Am I looking at wrong page?

by **ShopSite Lauren** » Wed Aug 04, 2010 8:43 am

You would go to where you originally went to setup the top navigation links. It looks like you currently have ShopSite Manager version 10. If you contact IPage and upgrade to Manager version 10 sp1 or Manager version 10 sp2 then you will have this functionality. We do have documentation in our custom template cookbook on how to modify the template to add your own tabs to the top. If you have done that then you would need to again go to the custom include you had modified to add those tabs to the top and modify the URLs there.

Note, I am not sure if IPage is reselling version 10 sp1 or 10 sp2, you would need to contact them directly to find out.

by **Afsheen** » Wed Aug 04, 2010 10:11 am

Hi Lauren,
here is what my page looks like, I changed the contact us to contact-us.html in page edit.I still can't figure out, now on main page contact us form in left bar is not working either.Thank you so much for all your help. I really appreciate it.

#Congruence Page Template
#Copyright 2008 ShopSite inc. Design by Lauren

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

[-- DEFINE PAGE --]
[-- VAR.PageTemplate yes --]
[-- VAR.SecurePage no --]
[-- VAR.PageName PAGE.Name --]
[-- VAR.FileName PAGE.FileName --]
[-- VAR.TextColor PAGE.TextColor --]
[-- VAR.BackgroundColor PAGE.BackgroundColor --]
[-- VAR.LinkColor PAGE.LinkColor --]
[-- VAR.ActiveLinkColor PAGE.ActiveLinkColor --]
[-- VAR.VisitedLinkColor PAGE.VisitedLinkColor --]
[-- VAR.BackgroundImage PAGE.BackgroundImage --]
[-- VAR.SearchProductField PAGE.SearchProductField --]
[-- VAR.MoreInfoTemplate Congruence-MoreInfoPage.sst --]
[-- INCLUDE Congruence-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">

</style>
</head>
<body>
<h1 class="hidden">[-- IF PAGE.Title --][-- PAGE.Title --][-- ELSE --][-- PAGE.Name --][-- END_IF --]</h1>
<div id="header">[-- IF PAGE.DisplayPageHeader --][-- HEADER --][-- END_IF --]
[-- IF MiniCart --] <div id="minicart">[-- INCLUDE Congruence-MiniCart.js PROCESS --]</div>[-- END_IF --]
</div>
<div id="toptabs">
<ul id="tabs">
<li class="tab_home"><a href="[-- MyStoreURL --]" title="[-- STORE.Name --]"><span>Home</span></a></li>
<li class="tab_home"><a href="[-- OUTPUT_DIRECTORY_URL --]/page1.html"><span>International</span></a></li>
<li class="tab_home"><a href="[-- OUTPUT_DIRECTORY_URL --]/page2.html"><span>Help Center</span></a></li>
<li class="tab_home"><a href="[-- besttechdeals.com/contactusURL --]/Contactus.html"><span>Contact us</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 --]
<li class="tab"><a href="[-- SHOPPING_CART_URL --]" title="[-- STORE.SC_YourShoppingCart --]"><span>[-- STORE.SC_YourShoppingCart --]</span></a></li>
</ul>
</div>
<div id="bgtop"></div>
<div id="bgmiddle">
<div id="mainarea">
<div id="leftbar">
[-- IF VAR.SearchProductField --]
<div id="search">
[-- 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 --]
<input type=hidden name="storeid" value="[-- STORE_ID --]">
<nobr>
<input type="text" name="search_field" class="search" size="13" onFocus="if(this.value=='[-- STORE.Search --]')this.value='';" onBlur="if(this.value=='')this.value='[-- STORE.Search --]';" value="[-- STORE.Search --]">
<input type="submit" value="Go" name="Go" style="padding: 0px; margin: 0px;">
</nobr>
</form>
</div>
[-- END_IF --]
<div id="sitenav">
[-- IF PAGE.NumLinks "0" --]
#do nothing
[-- ELSE --]
[-- LOOP LINKS --]
[-- LINK Congruence.sst --]
[-- END_LOOP LINKS --]
[-- END_IF --]
[-- IF TELLAFRIEND --] [-- TELLAFRIEND VAR.TFLink --][-- END_IF --]
</div>
</div>
<div id="content">
[-- IF PAGE.ProductsPerPage "0" --] [-- ELSE --]<div id="pagination">[-- PREVNEXT --]</div>[-- END_IF --]

[-- IF PAGE.DisplayName --][-- IF PAGE.Name --]<h1>[-- PAGE.Name --]</h1>[-- END_IF --][-- END_IF --]
<table width="100%">
[-- IF PAGE.Text1 --]
<tr>
<td align="left">[-- PAGE.Text1 --]</td>
</tr>
[-- END_IF --]

[-- IF PAGE.DisplayGraphic --]
[-- IF PAGE.Graphic --]
<tr>
<td align="center">[-- PAGE.Graphic --]</td>
</tr>
[-- END_IF --]
[-- 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 --]"[-- IF PAGE.Columns "Two columns" --] width="50%"[-- ELSE_IF PAGE.Columns "Three column" --] width="33%"[-- ELSE_IF PAGE.Columns "Four columns" --] width="25%"[-- ELSE_IF PAGE.Columns "Five columns" --] width="20%"[-- END_IF --]>[-- PRODUCT --]</td>
[-- END_LOOP PRODUCTS --]
</table>
</td>
</tr>
[-- END_IF --]

[-- IF PAGE.Text2 --]
<tr>
<td align="left">[-- PAGE.Text2 --]</td>
</tr>
[-- END_IF --]


[-- IF PAGE.ProductsPerPage "0" --]
# do nothing
[-- ELSE --]
<tr>
<td><div class="footer">[-- PREVNEXT --]</div></td>
</tr>
[-- END_IF --]

[-- IF PAGE.Text3 --]
<tr>
<td align="left">[-- PAGE.Text3 --]</td>
</tr>
[-- END_IF --]
</table>
</div>
<div class="clear"></div>
</div>
</div>
<div id="bgbottom"></div>
<div id="footer_contain">
[-- IF PAGE.DisplayPageFooter --] <div id="footer">[-- FOOTER --]</div>[-- END_IF --]
</div>
</body>
</html>
[-- END_DEFINE PAGE --]

by **Jim** » Wed Aug 04, 2010 10:56 am

This line is incorrect.

<li class="tab_home"><a href="[-- besttechdeals.com/contactusURL --]/Contactus.html"><span>Contact us</span></a></li>

Any tag that starts with [-- and ends with --] is a ShopSite template tag and must be one of the ones defined by ShopSite. See http://www.shopsite.com/help/10.2/en-US ... sheet.html for a list of valid tags.

So you need to replace the above line with

<li class="tab_home"><a href="[-- OUTPUT_DIRECTORY_URL --]/Contactus.html"><span>Contact us</span></a></li>

by **ShopSite Lauren** » Wed Aug 04, 2010 11:00 am

First, I would check that you still have an index page in ShopSite and that when you click on the "Publish" tab, that it is creating your pages. Go in your ShopSite store > Pages > highlight your home page > Edit Page Content, and make sure that the file name field has "index.html"

Next, go to Utilities > Publish, and make sure that you have the checkbox checked to create your HTML pages.

Now go to your Pages > Contact Us > Edit Page Content, and check what you have in the file name field. You need to copy what you have in the file name field exactly (something along the lines of "Contact-us.html"). Save changes.

Next, you have hard coded your top navigation links into the template. You will need to adjust the template to reflect these changes. It looks like in your template you have the "Contact Us" link pointing to "Contactus.html" rather than "Contact-us.html." You will also want to change a few other links. Your code should look similar to:

<ul id="tabs">
<li class="tab_home"><a href="[-- MyStoreURL --]" title="[-- STORE.Name --]"><span>Home</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/page1.html"><span>International</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/page2.html"><span>Help Center</span></a></li>
<li class="tab"><a href="[-- besttechdeals.com/contactusURL --]/Contact-us.html"><span>Contact us</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 --]
<li class="tab"><a href="[-- SHOPPING_CART_URL --]" title="[-- STORE.SC_YourShoppingCart --]"><span>[-- STORE.SC_YourShoppingCart --]</span></a></li>
</ul>

Last, you will want to do a full regenerate of your website to make sure that all of your pages get recreated with these new changes. You can again go to Utilities > Publish > Regenerate.

by **ShopSite Lauren** » Wed Aug 04, 2010 11:08 am

Jim is correct. I hadn't noticed the tag. The code should look similar to:

<ul id="tabs">
<li class="tab_home"><a href="[-- MyStoreURL --]" title="[-- STORE.Name --]"><span>Home</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/page1.html"><span>International</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/page2.html"><span>Help Center</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]"><span>Contact us</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 --]
<li class="tab"><a href="[-- SHOPPING_CART_URL --]" title="[-- STORE.SC_YourShoppingCart --]"><span>[-- STORE.SC_YourShoppingCart --]</span></a></li>
</ul>

Note, the same file name change that you are doing for the contact us page you will probably want to do for the international page, and the help center page.

by **ShopSite Lauren** » Wed Aug 04, 2010 11:09 am

ah, I am bad at this. The code should look like:

<ul id="tabs">
<li class="tab_home"><a href="[-- MyStoreURL --]" title="[-- STORE.Name --]"><span>Home</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/page1.html"><span>International</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/page2.html"><span>Help Center</span></a></li>
<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/Contact-us.html"><span>Contact us</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 --]
<li class="tab"><a href="[-- SHOPPING_CART_URL --]" title="[-- STORE.SC_YourShoppingCart --]"><span>[-- STORE.SC_YourShoppingCart --]</span></a></li>
</ul>

by **Afsheen** » Wed Aug 04, 2010 11:41 am

I followed your instructions, JIM and Lauren, when i published it contact us page is going to home page instead of contact us page. I checked, contact us page is linked.

#Congruence Page Template
#Copyright 2008 ShopSite inc. Design by Lauren

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

[-- DEFINE PAGE --]
[-- VAR.PageTemplate yes --]
[-- VAR.SecurePage no --]
[-- VAR.PageName PAGE.Name --]
[-- VAR.FileName PAGE.FileName --]
[-- VAR.TextColor PAGE.TextColor --]
[-- VAR.BackgroundColor PAGE.BackgroundColor --]
[-- VAR.LinkColor PAGE.LinkColor --]
[-- VAR.ActiveLinkColor PAGE.ActiveLinkColor --]
[-- VAR.VisitedLinkColor PAGE.VisitedLinkColor --]
[-- VAR.BackgroundImage PAGE.BackgroundImage --]
[-- VAR.SearchProductField PAGE.SearchProductField --]
[-- VAR.MoreInfoTemplate Congruence-MoreInfoPage.sst --]
[-- INCLUDE Congruence-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">

</style>
</head>
<body>
<h1 class="hidden">[-- IF PAGE.Title --][-- PAGE.Title --][-- ELSE --][-- PAGE.Name --][-- END_IF --]</h1>
<div id="header">[-- IF PAGE.DisplayPageHeader --][-- HEADER --][-- END_IF --]
[-- IF MiniCart --] <div id="minicart">[-- INCLUDE Congruence-MiniCart.js PROCESS --]</div>[-- END_IF --]
</div>
<div id="toptabs">
<ul id="tabs">
<li class="tab_home"><a href="[-- MyStoreURL --]" title="[-- STORE.Name --]"><span>Home</span></a></li>
<li class="tab_home"><a href="[-- OUTPUT_DIRECTORY_URL --]/"contact-us.html"><span>Contact us</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 --]
<li class="tab"><a href="[-- SHOPPING_CART_URL --]" title="[-- STORE.SC_YourShoppingCart --]"><span>[-- STORE.SC_YourShoppingCart --]</span></a></li>
</ul>
</div>
<div id="bgtop"></div>
<div id="bgmiddle">
<div id="mainarea">
<div id="leftbar">
[-- IF VAR.SearchProductField --]
<div id="search">
[-- 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 --]
<input type=hidden name="storeid" value="[-- STORE_ID --]">
<nobr>
<input type="text" name="search_field" class="search" size="13" onFocus="if(this.value=='[-- STORE.Search --]')this.value='';" onBlur="if(this.value=='')this.value='[-- STORE.Search --]';" value="[-- STORE.Search --]">
<input type="submit" value="Go" name="Go" style="padding: 0px; margin: 0px;">
</nobr>
</form>
</div>
[-- END_IF --]
<div id="sitenav">
[-- IF PAGE.NumLinks "0" --]
#do nothing
[-- ELSE --]
[-- LOOP LINKS --]
[-- LINK Congruence.sst --]
[-- END_LOOP LINKS --]
[-- END_IF --]
[-- IF TELLAFRIEND --] [-- TELLAFRIEND VAR.TFLink --][-- END_IF --]
</div>
</div>
<div id="content">
[-- IF PAGE.ProductsPerPage "0" --] [-- ELSE --]<div id="pagination">[-- PREVNEXT --]</div>[-- END_IF --]

[-- IF PAGE.DisplayName --][-- IF PAGE.Name --]<h1>[-- PAGE.Name --]</h1>[-- END_IF --][-- END_IF --]
<table width="100%">
[-- IF PAGE.Text1 --]
<tr>
<td align="left">[-- PAGE.Text1 --]</td>
</tr>
[-- END_IF --]

[-- IF PAGE.DisplayGraphic --]
[-- IF PAGE.Graphic --]
<tr>
<td align="center">[-- PAGE.Graphic --]</td>
</tr>
[-- END_IF --]
[-- 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 --]"[-- IF PAGE.Columns "Two columns" --] width="50%"[-- ELSE_IF PAGE.Columns "Three column" --] width="33%"[-- ELSE_IF PAGE.Columns "Four columns" --] width="25%"[-- ELSE_IF PAGE.Columns "Five columns" --] width="20%"[-- END_IF --]>[-- PRODUCT --]</td>
[-- END_LOOP PRODUCTS --]
</table>
</td>
</tr>
[-- END_IF --]

[-- IF PAGE.Text2 --]
<tr>
<td align="left">[-- PAGE.Text2 --]</td>
</tr>
[-- END_IF --]


[-- IF PAGE.ProductsPerPage "0" --]
# do nothing
[-- ELSE --]
<tr>
<td><div class="footer">[-- PREVNEXT --]</div></td>
</tr>
[-- END_IF --]

[-- IF PAGE.Text3 --]
<tr>
<td align="left">[-- PAGE.Text3 --]</td>
</tr>
[-- END_IF --]
</table>
</div>
<div class="clear"></div>
</div>
</div>
<div id="bgbottom"></div>
<div id="footer_contain">
[-- IF PAGE.DisplayPageFooter --] <div id="footer">[-- FOOTER --]</div>[-- END_IF --]
</div>
</body>
</html>
[-- END_DEFINE PAGE --]

besttechdeals1.com

by **ShopSite Lauren** » Wed Aug 04, 2010 11:48 am

The line of code for the contact us page should be the following (assuming that the file name is "contact-us.html", all lowercase)

<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/contact-us.html"><span>Contact us</span></a></li>

by **Afsheen** » Wed Aug 04, 2010 11:50 am

ShopSite Lauren wrote:The line of code for the contact us page should be the following (assuming that the file name is "contact-us.html", all lowercase)

<li class="tab"><a href="[-- OUTPUT_DIRECTORY_URL --]/contact-us.html"><span>Contact us</span></a></li>

I checked, it is lower case on contact us page and in this page.

ShopSite Forums

Contact us form squished together

Contact us form squished together

items squished

No navigation tab

Who is online