ShopSite Forums

Your source for ShopSite user collaboration

Skip to content

Drop down menu

General ShopSite user discussion
Post a reply

Drop down menu

Postby TRS » Thu Feb 06, 2014 1:16 pm

Hi,

I am trying to add several levels of left side drop down menus, with only one sub-menu opened at any given time. I am using the 3column template. I appreciate your help.
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby ShopSite Lauren » Thu Feb 06, 2014 2:04 pm

That is not something that is built in... you would need to set that up in a custom template.

With ShopSite, you can create a left navigation menu, and setup different categories, so each left section can have a section title/title-link, and sub links. However, to hide/display different sub categories based on what section a customer is in is something that you could add with a few different coding types, for example JavaScript and cookies if you want the selection 'remembered' or with CSS, if you want the section displayed once a customer clicks on the main category.

If you are interested in attempting to create/modify the custom template yourself, let me know and I can provide more detailed instructions on the easier way to do this (HTML/CSS).
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Top

Re: Drop down menu

Postby TRS » Thu Feb 06, 2014 2:09 pm

Yes, I am interested to see these instructions to modify these codes. thanks.

http://trshardware.fatcow.com/store/index.html
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby ShopSite Lauren » Thu Feb 06, 2014 3:05 pm

I don't recall if your store already has modified copies of the templates I listed below. If your store does have the templates already, then they are already modified, so you will want to add to them, not make copies.

1. Go to Merchandising > Custom Templates > Page/Product, and make a copy of the ShopSite page template "3Column.sst." Make a copy of your copy and rename it the exact same name as the original so that it overrides the original. Edit the template, and just AFTER the [-- DEFINE PAGE --] tag, add [-- VAR.LeftLinkCategory PAGE.Field1 --]. Then replace <body> with <body[-- IF VAR.LeftLinkCategory --] id="[-- VAR.LeftLinkCategory --]"[-- END_IF --]>.

2. Go to Merchandising > Custom Templates > Page/Product, and make a copy of the ShopSite product template "3Column-Product.sst." Make a copy of your copy and rename it the exact same name as the original so that it overrides the original. Edit the template. Replace <body> with <body[-- IF VAR.LeftLinkCategory --] id="[-- VAR.LeftLinkCategory --]"[-- END_IF --]>.

3. Go to Merchandising > Custom Templates > Includes, and make a copy of the ShopSite include file call "3Column-LeftBar.sst." Make a copy of your copy and rename it the exact same name as the original so that it overrides the original. Edit the template and replace this:
[-- IF PageLinks.Left --]
[-- ELSE --]
<br><h2>[-- STORE.MoreInfo --]</h2>
[-- IF SC_Registration --]<a class="cr_link" href="[-- SHOPPING_CART_URL BASE --]/order.cgi?func=3&amp;storeid=[-- STORE.ID --]&amp;html_reg=html">[-- STORE.YourAccount --]</a>[-- END_IF --]
[-- IF WishList --][-- WishListLink --][-- END_IF --]
[-- IF GiftCert --]<a class="cr_link" href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;cert=gift">[-- STORE.SC_GiftCertificate --]</a>[-- END_IF --]
[-- IF VAR.Type "cart" --][-- ELSE --]<a href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;function=show">[-- STORE.SC_YourShoppingCart --]</a>[-- END_IF --]
[-- END_IF --]
with this:
#[-- IF PageLinks.Left --]
#[-- ELSE --]
#<br><h2>[-- STORE.MoreInfo --]</h2>
#[-- IF SC_Registration --]<a class="cr_link" href="[-- SHOPPING_CART_URL BASE --]/order.cgi?func=3&amp;storeid=[-- STORE.ID --]&amp;html_reg=html">[-- STORE.YourAccount --]</a>[-- END_IF --]
#[-- IF WishList --][-- WishListLink --][-- END_IF --]
#[-- IF GiftCert --]<a class="cr_link" href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;cert=gift">[-- STORE.SC_GiftCertificate --]</a>[-- END_IF --]
#[-- IF VAR.Type "cart" --][-- ELSE --]<a href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;function=show">[-- STORE.SC_YourShoppingCart --]</a>[-- END_IF --]
#[-- END_IF --]
so that all those lines have a pound sign (#) at the beginning; you are commenting these lines out so that they are not used.

4. Below the lines you just commented out by beginning the lines with pound signs, you are going to hard code the left navigation. That said, in the future, when you want to make changes (such as adding new left navigation links), you will need to manually edit this file, then go to Utilities > Publish > Regenerate. Below is some example code that you might paste below the lines you just commented about above. Note, all the green IDs you will need to add in, and make them each unique without any spaces or irregular characters. Everything in red is page/link specific, so when you add new pages, these are the sections you will need to make specific to that new page link.
<div id="showerdoor" class="left_pagelinks">
<a class="left_pagetitle" href="[-- OUTPUT_DIRECTORY_URL --]/page17.html" title="SHOWER DOOR" >SHOWER DOOR</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/page2.html" title="HINGES AND PIVOTS" >HINGES AND PIVOTS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/page23.html" title="PULLS & KNOBS" >PULLS & KNOBS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/page20.html" title="HINGE & HANDLE SET" >HINGE & HANDLE SET</a>
</div>
<div id="sealants" class="left_pagelinks">
<a class="left_pagetitle" href="[-- OUTPUT_DIRECTORY_URL --]/page3.html" title="SEALANTS" >SEALANTS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 1">Sample Link 1</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 2">Sample Link 2</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 3">Sample Link 3</a>
</div>
<div id="cleaners" class="left_pagelinks">
<a class="left_pagetitle" href="[-- OUTPUT_DIRECTORY_URL --]/page4.html" title="CLEANERS" >CLEANERS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 1">Sample Link 1</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 2">Sample Link 2</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 3">Sample Link 3</a>
</div>
<div id="contactus" class="left_pagelinks">
<a class="left_pagetitle" href="http://trshardware.fatcow.com/store/page6.html" title="CONTACT US" >CONTACT US</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 1">Sample Link 1</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 2">Sample Link 2</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 3">Sample Link 3</a>
</div>
<div id="aboutus" class="left_pagelinks">
<a class="left_pagetitle" href="http://trshardware.fatcow.com/store/page5.html" title="ABOUT US" >ABOUT US</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 1">Sample Link 1</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 2">Sample Link 2</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 3">Sample Link 3</a>
</div>

5. You will want to add the CSS below to your CSS publish file. You can add it into the 3Column-01.css file that already has some modifications. If you add new categories (new IDs from above), you will need to add them to the list.
body div.left_pagelinks a.left_pagelink {display: none;}
body#showerdoor div#showerdoor a.left_pagelink,
body#sealants div#sealants a.left_pagelink,
body#cleaners div#cleaners a.left_pagelink,
body#contactus div#contactus a.left_pagelink,
body#aboutus div#aboutus a.left_pagelink
{display: block;}

6. Last, go to Pages > Edit Page Content, and in the Extra Page Field 1 add the exact ID of the section you would like displayed for each page. For example, on the Shower Door page, the Hinges & Pivots page, the Pulls & Knobs page, and the Hinge & Handle Set page, all of their extra page field 1 text fields should have showerdoor.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Top

Re: Drop down menu

Postby TRS » Fri Feb 07, 2014 12:37 pm

Thanks Lauren.
this is how it looks like now:

http://trshardware.fatcow.com/store/index.html

1) I do not understand step 6 and its purpose.

2) Now if I want to add sub menus and sub-sub menus, etc to these that are hidden unless the main is link is clicked, how should I code them? (my original question, sorry for not being clear)
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby ShopSite Lauren » Fri Feb 07, 2014 12:58 pm

If you have done steps 1 - 4, then you have setup the possibility for the functionality, but not the actual functionality. I looked at the CSS file, and it doesn't look like you have done step 5. Once you do step 5 and regenerate/publish your store, you will only see the main links on the left, you won't see any sub links.

Then, step 6. Step 6 is the step where you are telling the code when on a specific page, which menu should be open. For example, if on your Shower Door page, you add "showerdoor" in the page field 1, then publish. Then when you click on "Shower Door" you will be taken to the shower door page, with the left navigation menu open for the showerdoor category.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Top

Re: Drop down menu

Postby TRS » Mon Feb 10, 2014 11:31 am

I am not sure what I am missing. I still have a problem with the displaying the navigation. these are the codes I have added per instruction:

page template I added under. 3Column.sst

Code: Select all
#############################################
# 3Column Category Page Template
# Copyright ShopSite Inc. Design By Lauren
#############################################

[--DEFINE LINK_TO_PAGE--]
<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]"[-- IF PAGE.LinkGraphic --] class="pa_lk_img"[-- END_IF --]>
[-- IF PAGE.LinkName --]
  [-- IF PAGE.LinkGraphic --]
    [-- PAGE.LinkGraphic --]<br>[-- PAGE.LinkName --][-- IF PAGE.LinkText --][-- IF PAGE.TextWrap "off" --]<br>[-- END_IF --] <span>[-- PAGE.LinkText --]</span>[-- END_IF --]
  [-- ELSE --]
    [-- PAGE.LinkName --][-- IF PAGE.LinkText --][-- IF PAGE.TextWrap "off" --]<br>[-- END_IF --] <span>[-- PAGE.LinkText --]</span>[-- END_IF --]
  [-- END_IF --]
[-- ELSE_IF PAGE.LinkGraphic --]
  [-- PAGE.LinkGraphic --][-- IF PAGE.LinkText --][-- IF PAGE.TextWrap "off" --]<br>[-- END_IF --] <span>[-- PAGE.LinkText --]</span>[-- END_IF --]
[-- ELSE --]
  [-- PAGE.Name REMOVE_HTML --][-- IF PAGE.LinkText --][-- IF PAGE.TextWrap "off" --]<br>[-- END_IF --] <span>[-- PAGE.LinkText --]</span>[-- END_IF --]
[-- END_IF --]
</a>
[--END_DEFINE LINK_TO_PAGE--]

[-- DEFINE PAGE --]
[-- VAR.LeftLinkCategory PAGE.Field1 --]
[-- VAR.Pound "" --]
[-- VAR.Secure "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.PageWidth PAGE.PageWidth --]
[-- VAR.PageName PAGE.Name --]
[-- VAR.LinkName PAGE.LinkName --]
[-- VAR.FileName PAGE.FileName --]
[-- VAR.TF_Link PAGE.Name --]
[-- VAR.Text2 PAGE.Text2 --]
[-- VAR.Text3 PAGE.Text3 --]

[-- IF PAGE.Columns "One column" --]
  [-- VAR.PageColumns "1" --]
  [-- VAR.PageColumnWidth "100%" --]
[-- ELSE_IF PAGE.Columns "Two columns" --]
  [-- VAR.PageColumns "2" --]
  [-- VAR.PageColumnWidth "50%" --]
[-- ELSE_IF PAGE.Columns "Three columns" --]
  [-- VAR.PageColumns "3" --]
  [-- VAR.PageColumnWidth "33%" --]
[-- ELSE_IF PAGE.Columns "Four columns" --]
  [-- VAR.PageColumns "4" --]
  [-- VAR.PageColumnWidth "25%" --]
[-- ELSE_IF PAGE.Columns "Five columns" --]
  [-- VAR.PageColumns "5" --]
  [-- VAR.PageColumnWidth "20%" --]
[-- END_IF --]

[-- IF PAGE.LinkColumns "One column" --]
  [-- VAR.PageLinkColumns "1" --]
  [-- VAR.PageLinkColumnWidth "100%" --]
[-- ELSE_IF PAGE.LinkColumns "Two columns" --]
  [-- VAR.PageLinkColumns "2" --]
  [-- VAR.PageLinkColumnWidth "50%" --]
[-- ELSE_IF PAGE.LinkColumns "Three columns" --]
  [-- VAR.PageLinkColumns "3" --]
  [-- VAR.PageLinkColumnWidth "33%" --]
[-- ELSE_IF PAGE.LinkColumns "Four columns" --]
  [-- VAR.PageLinkColumns "4" --]
  [-- VAR.PageLinkColumnWidth "25%" --]
[-- ELSE_IF PAGE.LinkColumns "Five columns" --]
  [-- VAR.PageLinkColumns "5" --]
  [-- VAR.PageLinkColumnWidth "20%" --]
[-- END_IF --]

[-- IF PAGE.Layout "Centered" --]
  [-- VAR.Alignment "center" --]
[-- ELSE_IF PAGE.Layout "Right aligned" --]
  [-- VAR.Alignment "right" --]
[-- ELSE --]
  [-- VAR.Alignment "left" --]
[-- END_IF --]

[-- VAR.SearchProductField PAGE.SearchProductField --]

[-- INCLUDE 3Column-SelectTheme.sst PROCESS --]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
[-- IF PAGE.Title --]
<title>[-- PAGE.Title --][-- IF PAGE.PaginatedPageNum NE 0 --] | Page [-- PAGE.PaginatedPageNum --] of [-- PAGE.PaginatedPageNumMax --][-- END_IF --]</title>
[-- ELSE --]
<title>[-- PAGE.Name REMOVE_HTML --][-- IF PAGE.PaginatedPageNum NE 0 --] | Page [-- PAGE.PaginatedPageNum --] of [-- PAGE.PaginatedPageNumMax --][-- END_IF --]</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 name="robots" content="index,follow">
[-- INCLUDE 3Column.css PROCESS --]
[-- SOCIAL_SHARE script --]
</head>

<body[-- IF VAR.LeftLinkCategory --] id="[-- VAR.LeftLinkCategory --]"[-- END_IF --]>
<div id="page" class="setsize">
[-- SS_MOBILE_REDIRECT --]
    <div id="container" class="setsize">
        <div id="content" class="clear">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" id="table">
              <tr>
                <td class="side-line"><img src="[-- OUTPUT_DIRECTORY_URL --]/media/themesmedia/spacer.gif" height="1" width="180" border="0" alt="" hspace="0" vspace="0"></td>
                <td id="content_inner" rowspan="2" class="left">
[-- IF PAGE.DisplayGraphic --]
  [-- IF PAGE.Graphic --]
    [-- IF VAR.Alignment "center" --]
      <center>[-- PAGE.Graphic --]</center>
    [-- ELSE --]
      <img [-- PAGE.Graphic REMOVE_HTML --] align="[-- VAR.Alignment --]">
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

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

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

[-- IF PageLinks.Left --]
  [-- IF PAGE.NumLinks "0" --]
  [-- ELSE --]
<table cellpadding="0" cellspacing="10" border="0" width="100%" class="[-- VAR.PageLinkColumns --]">
[-- LOOP LINKS VAR.PageLinkColumns --]
 <td class="pa [-- VAR.Alignment --]" width="[-- VAR.PageLinkColumnWidth --]">[-- LINK PageLink-Center.sst --]</td>
[-- END_LOOP LINKS --]
</table>
  [-- END_IF --]
[-- END_IF --]
               
[-- IF PAGE.ProductsPerPage "0" --]
[-- ELSE --]
                  <div id="pagination"><span id="pagination_inner">[-- PrevNext NoCenter --]</span></div>
[-- END_IF --]
               
<table cellpadding="0" cellspacing="10" border="0" width="100%" class="[-- VAR.PageColumns --]">
[-- LOOP PRODUCTS VAR.PageColumns --]
 <td class="pr [-- VAR.Alignment --]" width="[-- VAR.PageColumnWidth --]">[-- PRODUCT 3Column-Product.sst --]</td>
[-- END_LOOP PRODUCTS --]
</table>

[-- IF PAGE.ProductsPerPage "0" --]
[-- ELSE --]
                  <div id="pagination2"><span id="pagination_inner2">[-- PrevNext NoCenter --]</span></div>
[-- END_IF --]

<p>[-- SOCIAL_SHARE --]</p>
[-- IF Page.GlobalCrossSell --]
  [-- IF PAGE.FileName "index.html" --]
<h1>[-- STORE.GlobalCrossSellHeader --]</h1>
<table cellpadding="0" cellspacing="10" border="0" width="100%" id="gcs_hm">
    [-- LOOP GLOBAL_Cross_Sell VAR.PageColumns --]
      <td class="gc_pr_hm [-- VAR.Alignment --]" width="[-- VAR.PageColumnWidth --]">[-- GLOBAL_CROSS_SELL --]</td>
    [-- END_LOOP Global_Cross_Sell --]
</table>
  [-- END_IF --]
[-- END_IF --] 
                </td>
                <td class="side-line"><img src="[-- OUTPUT_DIRECTORY_URL --]/media/themesmedia/spacer.gif" height="1" width="180" border="0" alt="" hspace="0" vspace="0"></td>
              </tr>
              <tr>
###### Left Menu Bar #######
        <td id="left">
[-- IF PageLinks.Left --]
  [-- PageLinks.Left --]
[-- ELSE_IF PAGE.NumLinks "0" --]
[-- ELSE --]
           <h2>[-- STORE.Categories --]</h2>
[-- LOOP LINKS --]
 [-- LINK 3Column.sst --]
[-- END_LOOP LINKS --]
[-- END_IF --]
           
[-- INCLUDE 3Column-LeftBar.sst PROCESS --]
[-- TellAFriend VAR.TF_Link --]
        </td>
###### Right Menu Bar #######
        <td id="right">
[-- IF MiniCart --]
<script type="text/JavaScript" language="JavaScript">DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Detail","black");</script>
[-- END_IF --]

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

[-- IF PageLinks.Right --]
  [-- PageLinks.Right --]
[-- END_IF --]

<p class="center">[-- SOCIAL_FOLLOW --]</p>

[-- IF STORE.Image2 --]
  [-- IF STORE.Image2URL --]
    <a href="[-- STORE.Image2URL --]" id="img2">[-- STORE.Image2 --]</a>
  [-- ELSE --]
    [-- STORE.Image2 --]
  [-- END_IF --]
[-- END_IF --]

[-- IF Email_Signup --]
      <table cellpadding="0" cellspacing="0" border="0" align="center" id="email_signup">
        <tr><td>[-- STORE.Email_SignUp_Text --]</td></tr>
        <tr><td>[-- Email_SignUp --]</td></tr>
      </table>
[-- END_IF --]

[-- IF Page.GlobalCrossSell --]
  [-- IF PAGE.FileName "index.html" --]
  [-- ELSE --]
<h2>[-- STORE.GlobalCrossSellHeader --]</h2>
<table cellpadding="5" cellspacing="0" border="0" width="98%" id="gcs_pa" align="center">
    [-- LOOP GLOBAL_Cross_Sell 1 --]
      <td class="gc_pr_pa [-- VAR.Alignment --]">[-- GLOBAL_CROSS_SELL --]</td>
    [-- END_LOOP Global_Cross_Sell --]
</table>
  [-- END_IF --]
[-- END_IF --]
        </td>
      </tr>
    </table>
      </div>
    </div>
   
###### Top and Bottom of Page ######
[-- INCLUDE 3Column-TopLinks.sst PROCESS --]
   
    <div id="header" class="setsize right">
       <div id="logo">[-- IF STORE.CompanyLogo --][-- IF STORE.CompanyURL --]<a href="[-- STORE.CompanyURL --]" class="logo">[-- STORE.CompanyLogo --]</a>[-- ELSE --]<span class="logo">[-- STORE.CompanyLogo --]</span>[-- END_IF --][-- END_IF --]
[-- IF STORE.HeaderImage --][-- IF STORE.HeaderURL --]<a href="[-- STORE.HeaderURL --]" class="hdr_img">[-- STORE.HeaderImage --]</a>[-- ELSE --]<span class="hdr_img">[-- STORE.HeaderImage --]</span>[-- END_IF --][-- END_IF --]
[-- IF PAGE.DisplayPageHeader --][-- IF HEADER --][-- HEADER --][-- ELSE_IF STORE.CompanyLogo --][-- ELSE_IF STORE.HeaderImage --][-- ELSE --]<h1>[-- STORE.Name REMOVE_HTML --]</h1>[-- END_IF --][-- END_IF --]</div>
[-- IF VAR.SearchProductField --]
 [-- IF ANALYTICS_MULTI_DOMAIN --]
  <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE.ID --]" method="get" onSubmit="javascript:__utmLinkPost(this)">
 [-- ELSE --]
  <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE.ID --]" method="get">
 [-- END_IF --]
  <input type=hidden name="storeid" value="[-- STORE.ID --]">
        <div id="search" class="center"><input type="text" id="search_field" name="search_field" value="[-- STORE.86 --]" onfocus="this.value=''"><input type="image" name="search_submit" src="[-- STORE.SearchImage --]" id="search_submit" alt=">>"></div>
  </form>
[-- END_IF --]
    </div>
   
[-- IF PageMenu --]
    <div id="toptabs" class="setsize left">
      [-- PageMenu --]
    </div>
[-- END_IF --]

    <div id="colorbar" class="setsize left"><h2>[-- IF STORE.TextA --][-- STORE.TextA --][-- ELSE_IF PAGE.DisplayName --][-- PAGE.Name REMOVE_HTML --][-- END_IF --]</h2></div>
</div>

[-- IF PageLinks.Footer --]
  <div id="footercategories" class="setsize">
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td>[-- PageLinks.Footer --]</td>
      </tr>
    </table>
  </div>
[-- ELSE_IF VAR.FooterCategories "yes" --]
  [-- INCLUDE 3Column-FooterCategories.sst PROCESS --]
[-- END_IF --]
   
[-- IF VAR.Text3 --]
<div id="footertext" class="setsize left">
[-- IF PAGE.DisplayName --]    <h2>[-- PAGE.Name REMOVE_HTML --]</h2>[-- END_IF --]

    <p>[-- VAR.Text3 --]</p>
</div>
[-- END_IF --]
   
<div id="footerlinks" class="setsize">
    <div id="footerlinks_inner">
[-- IF PAGE.DisplayPageFooter --]
  [-- IF FOOTER --]
    [-- FOOTER --]
  [-- ELSE --]
       <a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>|<a
        href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;function=show">[-- STORE.SC_YourShoppingCart --]</a>
    [-- END_IF --]
[-- END_IF --]
    </div>
</div>
<div id="lastline" class="setsize">[-- IF STORE.TextB --][-- STORE.TextB --][-- ELSE --][-- STORE.Name REMOVE_HTML --] - [-- STORE.111 --][-- END_IF --]</div>
</body>
</html>
[-- END_DEFINE PAGE --]


Product template I added under 3Column-Product.sst

Code: Select all
#############################################
# 3Column Product and More Info Template
# Copyright ShopSite Inc. Design By Lauren
#############################################

[-- DEFINE SUBPRODUCT --]
[-- IF VAR.SubproductDisplay "checkbox" --]
  <input type="checkbox" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- IF PRODUCT.DisplayName --][-- PRODUCT.Name --] [-- ELSE_IF PRODUCT.DisplaySku --][-- PRODUCT.Sku --] [-- ELSE_IF PRODUCT.OptionText --][-- PRODUCT.OptionText --] [-- END_IF --]
  [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- END_IF --]<br>
[-- ELSE_IF VAR.SubproductDisplay "radio" --]
  <input type="radio" name="itemnum" value="[-- PRODUCT.RecordNumber --]"> [-- IF PRODUCT.DisplayName --][-- PRODUCT.Name --] [-- ELSE_IF PRODUCT.DisplaySku --][-- PRODUCT.Sku --] [-- ELSE_IF PRODUCT.OptionText --][-- PRODUCT.OptionText --] [-- END_IF --]
  [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- END_IF --]<br>
[-- ELSE_IF VAR.SubproductDisplay "table" --]
  <td class="sub_pr_nme">[-- IF PRODUCT.DisplayName --][-- PRODUCT.Name --][-- ELSE_IF PRODUCT.DisplaySku --][-- PRODUCT.Sku --][-- ELSE_IF PRODUCT.OptionText --][-- PRODUCT.OptionText --][-- END_IF --]</td>
  <td class="sub_pr_prc">[-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- END_IF --]</td>
  <td class="sub_pr_add">
    [-- IF VAR.AddButtonGraphic --]
    <a href="[-- PRODUCT.AddToCartURL --]"><img src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" alt="Add to Cart" border="0"></a>
  [-- ELSE_IF ADDIMAGE? --]
    <a href="[-- PRODUCT.AddToCartURL --]"><img [--ADDIMAGE--] border="0"></a>
  [-- ELSE --]
    <a href="[-- PRODUCT.AddToCartURL --]">[-- ADDTEXT --]</a>
  [-- END_IF --]
  </td>
[-- ELSE --]
  <option value="[-- PRODUCT.RecordNumber --]">[-- IF PRODUCT.DisplayName --][-- PRODUCT.Name --] [-- ELSE_IF PRODUCT.DisplaySku --][-- PRODUCT.Sku --] [-- ELSE_IF PRODUCT.OptionText --][-- PRODUCT.OptionText --] [-- END_IF --]
  [-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.SaleOn --][-- PRODUCT.SaleAmount --] [-- STORE.OnSaleText --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- END_IF --][-- END_IF --]</option>
[-- END_IF --]
[-- END_DEFINE SUBPRODUCT --]

[-- DEFINE PRODUCT --]
[-- IF PRODUCT.TextWrap "Off" --]
 <div class="product [-- PRODUCT.DescriptionStyle --] [-- PRODUCT.DescriptionSize --] [-- VAR.Alignment --]">
[-- ELSE --]
 <table border="0" width="100%"><tr><td class="product [-- PRODUCT.DescriptionStyle --] [-- PRODUCT.DescriptionSize --] [-- VAR.Alignment --]">
[-- END_IF --]

[-- IF PRODUCT.TextWrap "On" --]
  [-- IF PRODUCT.ImageAlignment "right" --]
  [-- ELSE --]
[-- IF PRODUCT.DisplayGraphic --]
  [-- IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayMoreInformationPage --]
      <a href="[-- PRODUCT.MoreInfoURL --]" class="pr_img">[-- PRODUCT.Graphic --]</a>
    [-- ELSE --]
      <span class="pr_img">[-- PRODUCT.Graphic --]</span>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]
  </td><td width="100%" class="product [-- PRODUCT.DescriptionStyle --] [-- PRODUCT.DescriptionSize --] [-- VAR.Alignment --]">
  [-- END_IF --]
[-- ELSE --]
[-- IF PRODUCT.DisplayGraphic --]
  [-- IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayMoreInformationPage --]
      <a href="[-- PRODUCT.MoreInfoURL --]" class="pr_img">[-- PRODUCT.Graphic --]</a>
    [-- ELSE --]
      <span class="pr_img">[-- PRODUCT.Graphic --]</span>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.UseMultiMenus  checked --]
[-- ELSE_IF VAR.ProductInfoMoreInfoOnly "no" --]
  [-- IF VAR.SubproductDisplay "table" --]
  [-- ELSE --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method=post>
<input type="hidden" name="storeid" value="[-- STORE.ID --]">
<input type="hidden" name="dbname" value="products">
<input type="hidden" name="function" value="add">
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.VariableName? --]
<span class="pr_name [-- PRODUCT.NameStyle --] [-- PRODUCT.NameSize --]"><b>[-- STORE.ProductName --]:</b> <input name="[--PRODUCT.RecordNumber--]:name" size="14" maxlength="100" value="" type="text"></span>
[-- ELSE_IF PRODUCT.DisplayName --]
  [-- IF PRODUCT.Name --]
    [-- IF PRODUCT.DisplayMoreInformationPage --]
      <a href="[-- PRODUCT.MoreInfoURL --]" class="pr_nme [-- PRODUCT.NameStyle --] [-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</a>
    [-- ELSE --]
      <span class="pr_name [-- PRODUCT.NameStyle --] [-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</span>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.ProductDescription --]<p>[-- PRODUCT.ProductDescription --]</p>[-- END_IF --]
<span class="reviews-brief">[-- REVIEWS_STARS --]</span>

[-- IF PRODUCT.SubProduct --]
  [-- IF VAR.ProductInfoMoreInfoOnly "no" --]
    [-- IF VAR.SubproductDisplay "checkbox" --]
      <br>[-- LOOP SUBPRODUCTS --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
    [-- ELSE_IF VAR.SubproductDisplay "radio" --]
      <br>[-- LOOP SUBPRODUCTS --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
    [-- ELSE_IF VAR.SubproductDisplay "table" --]
      <table id="sub_pr">
      [-- LOOP SUBPRODUCTS 1 --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
      </table>
    [-- ELSE --]
      <select name="itemnum" class="sub_pr">
      [-- LOOP SUBPRODUCTS --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
      </select><br><br>
    [-- END_IF --]
  [-- END_IF --]

# else if the product does not have subproducts
[-- ELSE --]

[-- IF PRODUCT.VariablePrice? --]
  [-- IF VAR.ProductInfoMoreInfoOnly "no" --]
<span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]"><b>[-- STORE.Price --]:</b> <input name="[--PRODUCT.RecordNumber--]:price" size="4" maxlength="10" value="" type="text"></span>
  [-- END_IF --]
[-- ELSE_IF PRODUCT.QuantityPricing --]
  [-- PRODUCT.QuantityPricing --]
[-- ELSE_IF PRODUCT.DisplayPrice --]
  [-- IF PRODUCT.SaleAmount --]
    [-- IF PRODUCT.SaleOn --]
      <span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]"><strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltSaleAmount --] [-- PRODUCT.AltSaleAmount --][-- END_IF --] [-- STORE.OnSaleText --]</span>
    [-- ELSE --]
      <span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]">[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</span>
    [-- END_IF --]
  [-- ELSE --]
    <span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]">[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</span>
  [-- END_IF --]
[-- END_IF --]

[-- IF VAR.ProductInfoMoreInfoOnly "no" --]
[-- IF PRODUCT.VariableSku? --]
<span class="pr_sku [-- PRODUCT.SKUStyle --] [-- PRODUCT.SKUSize --]"><b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="8" maxlength="20" value="" type="text"></span>
[-- ELSE_IF PRODUCT.DisplaySku --]
  [-- IF PRODUCT.Sku --]
    <span class="pr_sku [-- PRODUCT.SKUStyle --] [-- PRODUCT.SKUSize --]">[-- PRODUCT.Sku --]</span>
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.UseMultiMenus  checked --]
  [-- IF PRODUCT.DisplayMoreInformationPage --]
    [-- IF MOREINFOIMAGE? --]
      <br><a href="[-- PRODUCT.MoreInfoURL --]"><img [-- MOREINFOIMAGE --] border="0"></a>
    [-- ELSE --]
      <br><a href="[-- PRODUCT.MoreInfoURL --]" class="btn nobr">[-- MOREINFOTEXT --]</a>
    [-- END_IF --]
  [-- END_IF --]
[-- ELSE --]
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">

[-- IF product.DisplayOrderQuantity? --]
  <span class="pr_qty">[-- STORE.Quantity --]: <input type=text size=2 name="[-- PRODUCT.RECORDNUMBER --]:qnty" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]"></span>
[-- END_IF --]

[-- IF PRODUCT.DisplayOrderingOptions --]
  [-- IF PRODUCT.OptionText --]
    <span class="opt_hdr [-- PRODUCT.NameStyle --]">[-- PRODUCT.OptionText --]</span>[-- END_IF --]
  [-- IF VAR.Alignment "center" --]<center>[-- Order_Option_Menu Column --]</center>[-- ELSE --][-- Order_Option_Menu Column --][-- END_IF --]
    [-- IF PRODUCT.OptionsBoxHeader --]<span class="opt_hdr [-- PRODUCT.NameStyle --]">[-- PRODUCT.OptionsBoxHeader --]</span>[-- END_IF --]
  [-- IF PRODUCT.OptionsBox --]<textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br>[-- END_IF --]
[-- END_IF --]
[-- END_IF --]

#end for VAR.ProductInfoMoreInfoOnly "no"
[-- END_IF --]
# end if for subproducts
[-- END_IF --]

<center>
[-- IF PRODUCT.UseMultiMenus  checked --]
[-- ELSE_IF VAR.ProductInfoMoreInfoOnly "no" --]
  [-- IF VAR.SubproductDisplay "table" --]
  [-- ELSE --]
    [-- IF VAR.AddButtonGraphic --]
      <input class="pr_add" type="image" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" alt="Add to Cart">
    [-- ELSE_IF ADDIMAGE? --]
      <input class="pr_add" type="image" [--ADDIMAGE--]>
    [-- ELSE --]
      <input class="pr_add" type="submit" value="[-- ADDTEXT --]">
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

[-- IF WishList --]<br>[-- WishList --][-- END_IF --]
</center>

[-- IF VAR.ProductInfoMoreInfoOnly "no" --]
  [-- IF VAR.SubproductDisplay "table" --]
  [-- ELSE --]
</form>
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.TextWrap "On" --]
  [-- IF PRODUCT.ImageAlignment "right" --]
  </td><td valign="top" align="center" width="10%">
[-- IF PRODUCT.DisplayGraphic --]
  [-- IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayMoreInformationPage --]
      <a href="[-- PRODUCT.MoreInfoURL --]" class="pr_img">[-- PRODUCT.Graphic --]</a>
    [-- ELSE --]
      <span class="pr_img">[-- PRODUCT.Graphic --]</span>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.TextWrap "Off" --]
 </div>
[-- ELSE --]
 </td></tr></table>
[-- END_IF --]
[-- END_DEFINE PRODUCT --]

[-- DEFINE PRODUCT_CROSS_SELL --]
<div class="product [-- PRODUCT.DescriptionStyle --] [-- PRODUCT.DescriptionSize --] center">
[-- IF PRODUCT.DisplayGraphic --]
  [-- IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayMoreInformationPage --]
      <a href="[-- PRODUCT.MoreInfoURL --]" class="pr_img">[-- PRODUCT.Graphic --]</a>
    [-- ELSE --]
      <span class="pr_img">[-- PRODUCT.Graphic --]</span>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.UseMultiMenus  checked --]
[-- ELSE --]
<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method=post>
<input type="hidden" name="storeid" value="[-- STORE.ID --]">
<input type="hidden" name="dbname" value="products">
<input type="hidden" name="function" value="add">
[-- END_IF --]

[-- IF PRODUCT.VariableName? --]
<span class="pr_name [-- PRODUCT.NameStyle --] [-- PRODUCT.NameSize --]"><b>[-- STORE.ProductName --]:</b> <input name="[--PRODUCT.RecordNumber--]:name" size="14" maxlength="100" value="" type="text"></span>
[-- ELSE_IF PRODUCT.DisplayName --]
  [-- IF PRODUCT.Name --]
    [-- IF PRODUCT.DisplayMoreInformationPage --]
      <a href="[-- PRODUCT.MoreInfoURL --]" class="pr_nme [-- PRODUCT.NameStyle --] [-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</a>
    [-- ELSE --]
      <span class="pr_name [-- PRODUCT.NameStyle --] [-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</span>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.ProductDescription --]<p>[-- PRODUCT.ProductDescription --]</p>[-- END_IF --]
<span class="reviews-brief">[-- REVIEWS_STARS --]</span>

[-- IF PRODUCT.SubProduct --]
# else if the product does not have subproducts
[-- ELSE --]

[-- IF PRODUCT.VariablePrice? --]
<span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]"><b>[-- STORE.Price --]:</b> <input name="[--PRODUCT.RecordNumber--]:price" size="4" maxlength="10" value="" type="text"></span>
[-- ELSE_IF PRODUCT.QuantityPricing --]
  [-- PRODUCT.QuantityPricing --]
[-- ELSE_IF PRODUCT.DisplayPrice --]
  [-- IF PRODUCT.SaleAmount --]
    [-- IF PRODUCT.SaleOn --]
      <span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]"><strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltSaleAmount --] [-- PRODUCT.AltSaleAmount --][-- END_IF --] [-- STORE.OnSaleText --]</span>
    [-- ELSE --]
      <span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]">[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</span>
    [-- END_IF --]
  [-- ELSE --]
    <span class="pr_prc [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]">[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</span>
  [-- END_IF --]
[-- END_IF --]

[-- IF PRODUCT.VariableSku? --]
<span class="pr_sku [-- PRODUCT.SKUStyle --] [-- PRODUCT.SKUSize --]"><b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="8" maxlength="20" value="" type="text"></span>
[-- ELSE_IF PRODUCT.DisplaySku --]
  [-- IF PRODUCT.Sku --]
    <span class="pr_sku [-- PRODUCT.SKUStyle --] [-- PRODUCT.SKUSize --]">[-- PRODUCT.Sku --]</span>
  [-- END_IF --]
[-- END_IF --]

<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">

[-- IF PRODUCT.UseMultiMenus  checked --]
[-- ELSE_IF product.DisplayOrderQuantity? --]
  <span class="pr_qty">[-- STORE.Quantity --]: <input type=text size=2 name="[-- PRODUCT.RECORDNUMBER --]:qnty" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]"></span>
[-- END_IF --]

[-- IF PRODUCT.UseMultiMenus "checked" --]
[-- ELSE_IF PRODUCT.DisplayOrderingOptions --]
  [-- IF PRODUCT.OptionText --]
    <span class="opt_hdr [-- PRODUCT.NameStyle --]">[-- PRODUCT.OptionText --]</span>[-- END_IF --]
  [-- IF VAR.Alignment "center" --]<center>[-- Order_Option_Menu Column --]</center>[-- ELSE --][-- Order_Option_Menu Column --][-- END_IF --]
    [-- IF PRODUCT.OptionsBoxHeader --]<span class="opt_hdr [-- PRODUCT.NameStyle --]">[-- PRODUCT.OptionsBoxHeader --]</span>[-- END_IF --]
  [-- IF PRODUCT.OptionsBox --]<textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br>[-- END_IF --]
[-- END_IF --]

# end if for subproducts
[-- END_IF --]

<center>
[-- IF PRODUCT.UseMultiMenus  checked --]
  [-- IF PRODUCT.DisplayMoreInformationPage --]
    [-- IF MOREINFOIMAGE? --]
     <br><a href="[-- CROSS_SELL_LINK --]"><img [-- MOREINFOIMAGE --] border="0" class="pr_add"></a>
    [-- ELSE --]
     <br><a href="[-- CROSS_SELL_LINK --]" class="pr_add nobr">[-- MOREINFOTEXT --]</a>
    [-- END_IF --]
  [-- END_IF --]
[-- ELSE_IF VAR.AddButtonGraphic --]
  <input class="pr_add" type="image" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" alt="Add to Cart">
[-- ELSE_IF ADDIMAGE? --]
  <input class="pr_add" type="image" [--ADDIMAGE--]>
[-- ELSE --]
  <input class="pr_add" type="submit" value="[-- ADDTEXT --]">
[-- END_IF --]
</center>
</form>
</div>
[-- END_DEFINE PRODUCT_CROSS_SELL --]

[-- DEFINE MORE_INFO_PAGE --]
[-- VAR.Pound "#" --]
[-- VAR.Secure "no" --]
[-- VAR.TextColor MORE_INFO.TextColor --]
[-- VAR.BackgroundColor MORE_INFO.BackgroundColor --]
[-- VAR.LinkColor MORE_INFO.LinkColor --]
[-- VAR.VisitedLinkColor MORE_INFO.VisitedLinkColor --]
[-- VAR.ActiveLinkColor MORE_INFO.ActiveLinkColor --]
[-- VAR.BackgroundImage MORE_INFO.BackgroundImageURL --]
[-- VAR.PageWidth STORE.PageWidth --]
[-- VAR.TF_Link PRODUCT.Name --]

[-- INCLUDE 3Column-SelectTheme.sst PROCESS --]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>[-- IF PRODUCT.MoreInformationTitle --][-- PRODUCT.MoreInformationTitle --]</title>[-- ELSE --][-- PRODUCT.Name REMOVE_HTML --]</title>[-- END_IF --]

[-- IF PRODUCT.MoreInformationMetaKeywords --]<meta name="keywords" content="[-- PRODUCT.MoreInformationMetaKeywords --]">[-- END_IF --]

[-- IF PRODUCT.MoreInformationMetaDescription --]<meta name="description" content="[-- PRODUCT.MoreInformationMetaDescription --]">[-- END_IF --]

<meta name="robots" content="index,follow">
[-- INCLUDE 3Column.css PROCESS --]
[-- SOCIAL_SHARE script --]
[-- MOBILE_JAVASCRIPT --]
</head>

<body[-- IF VAR.LeftLinkCategory --] id="[-- VAR.LeftLinkCategory --]"[-- END_IF --]>
[-- SS_MOBILE_REDIRECT --]
<div id="page" class="setsize">
    <div id="container" class="setsize">
        <div id="content" class="clear">
            <table cellpadding="0" cellspacing="0" border="0" width="[-- VAR.PageWidth --]" id="table">
              <tr>
                <td class="side-line"><img src="[-- OUTPUT_DIRECTORY_URL --]/media/themesmedia/spacer.gif" height="1" width="180" border="0" alt="" hspace="0" vspace="0"></td>
                <td id="content_inner" rowspan="2" class="left">

[-- IF VAR.Breadcrumbs "yes" --]
      <div id="breadcrumbs"><a href="[-- MyStoreURL --]" title="[-- STORE.Name REMOVE_HTML --]">[-- STORE.Home --]</a>[-- IF VAR.FileName "index.html" --][-- ELSE --]<span class="bc-arrow"><img src="[-- ShopSite_Images --]/backgrounds/3col/side-bullet.png" border="0" alt=">"></span><a href="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.FileName --]">[-- IF VAR.LinkName --][-- VAR.LinkName --][-- ELSE --][-- VAR.PageName --][-- END_IF --]</a>[-- END_IF --]<span class="bc-arrow"><img src="[-- ShopSite_Images --]/backgrounds/3col/side-bullet.png" border="0" alt=">"></span><a href="[-- PRODUCT.MoreInfoURL --]" title="[-- IF PRODUCT.MoreInformationTitle --][-- PRODUCT.MoreInformationTitle --][-- ELSE --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]">[-- PRODUCT.Name REMOVE_HTML --]</a>
      </div>
[-- END_IF --]

<form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post">
<input type="hidden" name="storeid" value="[-- STORE.ID --]">
<input type="hidden" name="dbname" value="products">
<input type="hidden" name="function" value="add">
      <table cellpadding="0" cellspacing="0" id="mu-mi-main">
        <tr>
[-- IF PRODUCT.ImageAlignment "right" --]
#skip this section
[-- ELSE_IF PRODUCT.MoreInformationGraphic --]
  [-- IF PRODUCT.DisplayGraphic --]
          <td id="mu-mi-img">[-- MoreInfoImageRow --]</td>
    [-- IF PRODUCT.ImageAlignment "center" --]</tr><tr>[-- END_IF --]
  [-- END_IF --]
[-- ELSE_IF PRODUCT.Graphic --]
  [-- IF PRODUCT.DisplayGraphic --]
          <td id="mu-mi-img">[-- PRODUCT.Graphic --]</td>
    [-- IF PRODUCT.ImageAlignment "center" --]</tr><tr>[-- END_IF --]
  [-- END_IF --]
[-- END_IF --]

          <td id="mu-mi-info[-- IF PRODUCT.ImageAlignment "center" --]-center[-- END_IF --]">
[-- IF PRODUCT.VariableName? --]
  <h1>[-- STORE.ProductName --]: <input name="[--PRODUCT.RecordNumber--]:name" size="20" maxlength="100" value="" type="text"></h1>
[-- ELSE_IF PRODUCT.DisplayName --]
  [-- IF PRODUCT.Name --]
    <h1>[-- PRODUCT.Name --]</h1>
  [-- END_IF --]
[-- END_IF --]
# product description and SKU
  [-- IF PRODUCT.ProductDescription --]<p>[-- PRODUCT.ProductDescription --]</p>[-- END_IF --]
<span class="reviews-brief">[-- REVIEWS_STARS --][-- REVIEWS_WRITE_REVIEW_LINK --] | [-- REVIEWS_READ_REVIEWS_LINK --]</span>

  [-- IF PRODUCT.VariableSku? --]
     <br><b>[-- STORE.Sku --]:</b> <input name="[--PRODUCT.RecordNumber--]:sku" size="10" value="" type="text">
  [-- ELSE_IF PRODUCT.NumSubproducts "0" --]
    [-- IF PRODUCT.Sku --]
      [-- IF PRODUCT.DisplaySku --]
        <span class="pr_sku textwrap-off [-- PRODUCT.SkuStyle --] [-- PRODUCT.SkuSize --]">[-- STORE.Sku --]: [-- PRODUCT.Sku --]</span>
      [-- END_IF --]
    [-- END_IF --]
  [-- END_IF --]

# product price.  No price is displayed if the product has subproducts
[-- IF PRODUCT.NumSubproducts "0" --]
  [-- IF PRODUCT.VariablePrice? --]
  <p class="pr_price [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]"><b>[-- STORE.Price --]:</b> <input name="[--PRODUCT.RecordNumber--]:price" size="4" value="" type="text"></p>
  [-- ELSE_IF PRODUCT.DisplayPrice --]
    [-- IF PRODUCT.QuantityPricing --]
      [-- PRODUCT.QuantityPricing --]<br />
    [-- ELSE --]
    <p class="pr_price [-- PRODUCT.PriceStyle --] [-- PRODUCT.PriceSize --]">
      [-- IF PRODUCT.SaleAmount --]
        [-- IF PRODUCT.SaleOn --]
          <strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]</strike> [-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltSaleAmount --] [-- PRODUCT.AltSaleAmount --][-- END_IF --]
        [-- ELSE --]
          [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]
        [-- END_IF --]
      [-- ELSE --]
        [-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --]
      [-- END_IF --]
    </p>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]
# if the product has subproducts then display the subproducts otherwise display the product add to cart information.
[-- IF PRODUCT.SubProduct --]
    [-- IF VAR.SubproductDisplay "checkbox" --]
      <br>[-- LOOP SUBPRODUCTS --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
    [-- ELSE_IF VAR.SubproductDisplay "radio" --]
      <br>[-- LOOP SUBPRODUCTS --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
    [-- ELSE_IF VAR.SubproductDisplay "table" --]
      <table id="sub_pr">
      [-- LOOP SUBPRODUCTS 1 --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
      </table>
    [-- ELSE --]
      <select name="itemnum" class="sub_pr">
      [-- LOOP SUBPRODUCTS --]
        [-- SUBPRODUCTS --]
      [-- END_LOOP SUBPRODUCTS --]
      </select><br><br>
    [-- END_IF --]

[-- ELSE --]
# product has no subproducts
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">

  [-- IF product.DisplayOrderQuantity? --]
    <span class="pr_qty">[-- STORE.Quantity --]: <input type=text size=2 name="[-- PRODUCT.RECORDNUMBER --]:qnty" value="[-- IF PRODUCT.MinimumQuantity "0" --]1[-- ELSE_IF PRODUCT.MinimumQuantity "" --]1[-- ELSE --][-- PRODUCT.MinimumQuantity --][-- END_IF --]"></span>
  [-- END_IF --]

  [-- IF PRODUCT.DisplayOrderingOptions --]
      [-- IF PRODUCT.OptionText --]<span class="opt_hdr [-- PRODUCT.NameStyle --]">[-- PRODUCT.OptionText --]</span>[-- END_IF --]
    [-- IF VAR.Alignment "center" --][-- IF PRODUCT.ImageAlignment "center" --]<center>[-- END_IF --][-- Order_Option_Menu Column --][-- IF PRODUCT.ImageAlignment "center" --]</center>[-- END_IF --][-- ELSE_IF VAR.Alignment "right" --]<span class="oo-right">[-- Order_Option_Menu Column --]</span>[-- ELSE --][-- Order_Option_Menu Column --][-- END_IF --]
      [-- IF PRODUCT.OptionsBoxHeader --]<span class="opt_hdr [-- PRODUCT.NameStyle --]">[-- PRODUCT.OptionsBoxHeader --]</span>[-- END_IF --]
    [-- IF PRODUCT.OptionsBox --]<textarea name="[-- PRODUCT.Recordnumber --]:freeopt" cols="[-- PRODUCT.OptionsBoxColumns --]" rows="[-- PRODUCT.OptionsBoxRows --]"></textarea><br>[-- END_IF --]
  [-- END_IF --]

[-- END_IF --]

  [-- IF VAR.AddButtonGraphic --]
  <input class="pr_add" type="image" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" alt="Add to Cart">
  [-- ELSE_IF ADDIMAGE? --]
  <input class="pr_add" type="image" [--ADDIMAGE--]>
  [-- ELSE --]
  <input class="pr_add" type="submit" value="[-- ADDTEXT --]">
  [-- END_IF --]

[-- MOREINFOINVENTORYACTUAL --]

[-- IF WishList --]<br>[-- WishList --][-- END_IF --]

[-- IF VAR.CrossSellColumns "4" --]
  [-- IF TellAFriend --]<br>[-- TellAFriend VAR.TF_Link --][-- END_IF --]
[-- END_IF --]

          </td>
[-- IF PRODUCT.ImageAlignment "right" --]
  [-- IF PRODUCT.MoreInformationGraphic --]
    [-- IF PRODUCT.DisplayGraphic --]
          <td id="mu-mi-img">[-- MoreInfoImageRow --]</td>
    [-- END_IF --]
  [-- ELSE_IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayGraphic --]
          <td id="mu-mi-img">[-- PRODUCT.Graphic --]</td>
    [-- END_IF --]
  [-- END_IF --]
[-- END_IF --]
        </tr>
      </table>
</form>
[-- IF PRODUCT.MoreInformationText --]
<h1>[-- STORE.466 --]</h1>
<p>[-- PRODUCT.MoreInformationText --]</p>
[-- ELSE_IF VAR.ExtraProductFields "yes" --]
<h1>[-- STORE.466 --]</h1>
[-- END_IF --]

[-- IF VAR.ExtraProductFields "yes" --]
[-- IF PRODUCT.Weight "0" --][-- ELSE --]<p><b>Weight:</b> [-- PRODUCT.Weight --] lbs</p>[-- END_IF --]

[-- IF PRODUCT.Brand --]<p><b>Brand:</b> [-- PRODUCT.Brand --]</p>[-- END_IF --]

[-- IF PRODUCT.Field1 --]<p><b>[-- STORE.ProductField1 --]:</b> [-- PRODUCT.Field1 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field2 --]<p><b>[-- STORE.ProductField2 --]:</b> [-- PRODUCT.Field2 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field3 --]<p><b>[-- STORE.ProductField3 --]:</b> [-- PRODUCT.Field3 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field4 --]<p><b>[-- STORE.ProductField4 --]:</b> [-- PRODUCT.Field4 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field5 --]<p><b>[-- STORE.ProductField5 --]:</b> [-- PRODUCT.Field5 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field6 --]<p><b>[-- STORE.ProductField6 --]:</b> [-- PRODUCT.Field6 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field7 --]<p><b>[-- STORE.ProductField7 --]:</b> [-- PRODUCT.Field7 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field8 --]<p><b>[-- STORE.ProductField8 --]:</b> [-- PRODUCT.Field8 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field9 --]<p><b>[-- STORE.ProductField9 --]:</b> [-- PRODUCT.Field9 --]</p>[-- END_IF --]

[-- IF PRODUCT.Field10 --]<p><b>[-- STORE.ProductField10 --]:</b> [-- PRODUCT.Field10 --]</p>[-- END_IF --]
[-- END_IF --]

[-- IF REVIEWS --]
<h2>[-- STORE.Reviews_Header --]</h2>
<div id="reviews-more">
[-- REVIEWS_STARS --]&nbsp;&nbsp;[-- REVIEWS_COUNT --]<br>
[-- REVIEWS_WRITE_REVIEW_LINK --] | [-- REVIEWS_READ_REVIEWS_LINK --]
[-- REVIEWS_FEATURED --]
</div>
[-- END_IF --]

<p>[-- SOCIAL_SHARE --]</p>

<p>&nbsp;</p>
[-- IF Product.MoreInformationProductCrossSell --]
  [-- IF PRODUCT.CrossSell "0" --]
  [-- ELSE --]
<h1>[-- STORE.CartCrossSellHeader --]</h1>
<table cellpadding="0" cellspacing="10" border="0" width="100%" id="pc_pr">
    [-- LOOP Product_Cross_Sell VAR.PageColumns --]
      <td class="pc_pr [-- VAR.Alignment --]" width="[-- VAR.PageColumnWidth --]">[-- Product_Cross_Sell --]</td>
    [-- END_LOOP Product_Cross_Sell --]
</table>
  [-- END_IF --]
[-- END_IF --] 
                </td>
                <td class="side-line"><img src="[-- OUTPUT_DIRECTORY_URL --]/media/themesmedia/spacer.gif" height="1" width="180" border="0" alt="" hspace="0" vspace="0"></td>
              </tr>
              <tr>
###### Left Menu Bar #######
        <td id="left">
[-- IF PageLinks.Left --]
  [-- PageLinks.Left --]
[-- ELSE --]
           <h2>[-- STORE.Categories --]</h2>
           <a href="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.FileName --]">[-- STORE.Back --]</a>
           <a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>
[-- END_IF --]
           
[-- INCLUDE 3Column-LeftBar.sst PROCESS --]

[-- IF TellAFriend --][-- TellAFriend VAR.TF_Link --][-- END_IF --]
        </td>
###### Right Menu Bar #######
        <td id="right">
[-- IF MiniCart --]
<script type="text/JavaScript" language="JavaScript">DisplayMiniCart("ss_cart_[-- STORE_Serial_Number --]","Detail","black");</script>
[-- END_IF --]

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

[-- IF PageLinks.Right --]
  [-- PageLinks.Right --]
[-- END_IF --]

<p class="center">[-- SOCIAL_FOLLOW --]</p>

[-- IF STORE.Image2 --]
  [-- IF STORE.Image2URL --]
    <a href="[-- STORE.Image2URL --]" id="img2">[-- STORE.Image2 --]</a>
  [-- ELSE --]
    [-- STORE.Image2 --]
  [-- END_IF --]
[-- END_IF --]

[-- IF Email_Signup --]
      <table cellpadding="0" cellspacing="0" border="0" align="center" id="email_signup">
        <tr><td>[-- STORE.Email_SignUp_Text --]</td></tr>
        <tr><td>[-- Email_SignUp --]</td></tr>
      </table>
[-- END_IF --]

[-- IF Product.MoreInformationGlobalCrossSell --]
<h2>[-- STORE.GlobalCrossSellHeader --]</h2>
<table cellpadding="5" cellspacing="0" border="0" width="98%" align="center">
    [-- LOOP GLOBAL_Cross_Sell 1 --]
      <td class="gc_pr_pa [-- VAR.Alignment --]" width="[-- VAR.PageColumnWidth --]">[-- GLOBAL_CROSS_SELL --]</td>
    [-- END_LOOP Global_Cross_Sell --]
</table>
[-- END_IF --]
        </td>
      </tr>
    </table>
      </div>
    </div>
   
###### Top and Bottom of Page ######
[-- INCLUDE 3Column-TopLinks.sst PROCESS --]
   
    <div id="header" class="setsize right">
       <div id="logo">[-- IF STORE.CompanyLogo --][-- IF STORE.CompanyURL --]<a href="[-- STORE.CompanyURL --]" class="logo">[-- STORE.CompanyLogo --]</a>[-- ELSE --]<span class="logo">[-- STORE.CompanyLogo --]</span>[-- END_IF --][-- END_IF --]
[-- IF STORE.HeaderImage --][-- IF STORE.HeaderURL --]<a href="[-- STORE.HeaderURL --]" class="hdr_img">[-- STORE.HeaderImage --]</a>[-- ELSE --]<span class="hdr_img">[-- STORE.HeaderImage --]</span>[-- END_IF --][-- END_IF --]
[-- IF MORE_INFO.DisplayPageHeader --][-- IF HEADER --][-- HEADER --][-- ELSE_IF STORE.CompanyLogo --][-- ELSE_IF STORE.HeaderImage --][-- ELSE --]<h1>[-- STORE.Name REMOVE_HTML --]</h1>[-- END_IF --][-- END_IF --]</div>
[-- IF VAR.SearchProductField --]
 [-- IF ANALYTICS_MULTI_DOMAIN --]
  <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE.ID --]" method="get" onSubmit="javascript:__utmLinkPost(this)">
 [-- ELSE --]
  <form action="[-- SHOPPING_CART_URL BASE --]/productsearch.cgi?storeid=[-- STORE.ID --]" method="get">
 [-- END_IF --]
  <input type="hidden" name="storeid" value="[-- STORE.ID --]">
        <div id="search" class="center"><input type="text" id="search_field" name="search_field" value="[-- STORE.86 --]" onfocus="this.value=''"><input type="image" name="search_submit" src="[-- STORE.SearchImage --]" id="search_submit" alt=">>"></div>
  </form>
[-- END_IF --]
    </div>
   
[-- IF PageMenu --]
    <div id="toptabs" class="setsize left">
      [-- PageMenu --]
    </div>
[-- END_IF --]

    <div id="colorbar" class="setsize left"><h2>[-- IF STORE.TextA --][-- STORE.TextA --][-- ELSE_IF PRODUCT.DisplayName --][-- PRODUCT.Name REMOVE_HTML --][-- END_IF --]</h2></div>
</div>
[-- IF PageLinks.Footer --]
  <div id="footercategories" class="setsize">
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
      <tr>
        <td>[-- PageLinks.Footer --]</td>
      </tr>
    </table>
  </div>
[-- ELSE_IF VAR.FooterCategories "yes" --]
  [-- INCLUDE 3Column-FooterCategories.sst PROCESS --]
[-- END_IF --]
 
[-- IF VAR.AdditionalSEO "yes" --] 
<div id="footertext" class="setsize left">
    <h2>[-- PRODUCT.Name REMOVE_HTML --]</h2>
    <p>[-- IF PRODUCT.MoreInformationText --][-- PRODUCT.MoreInformationText --][-- ELSE --][-- PRODUCT.ProductDescription --][-- END_IF --]</p>
  [-- IF VAR.Text3 --]
    <h2>[-- VAR.PageName --]</h2>

    <p>[-- VAR.Text3 --]</p>
  [-- END_IF --]
</div>
[-- END_IF --]
   
<div id="footerlinks" class="setsize">
    <div id="footerlinks_inner">
[-- IF MORE_INFO.DisplayPageFooter --]
  [-- IF FOOTER --]
    [-- FOOTER --]
  [-- ELSE --]
       <a href="[-- MyStoreURL --]">[-- STORE.Home --]</a>|<a
        href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.ID --]&amp;function=show">[-- STORE.SC_YourShoppingCart --]</a>
    [-- END_IF --]
[-- END_IF --]
    </div>
</div>
<div id="lastline" class="setsize">[-- IF STORE.TextB --][-- STORE.TextB --][-- ELSE --][-- STORE.Name REMOVE_HTML --] - [-- STORE.111 --][-- END_IF --]</div>
</body>
</html>
[-- END_DEFINE MORE_INFO_PAGE --]


Include File added under 3Column-LeftBar.sst
Code: Select all
#[-- IF PageLinks.Left --]
#[-- ELSE --]
#<br><h2>[-- STORE.MoreInfo --]</h2>
#[-- IF SC_Registration --]<a class="cr_link" href="[-- SHOPPING_CART_URL BASE --]/order.cgi?func=3&amp;storeid=[-- STORE.ID --]&amp;html_reg=html">[-- STORE.YourAccount --]</a>[-- END_IF --]
#[-- IF WishList --][-- WishListLink --][-- END_IF --]
#[-- IF GiftCert --]<a class="cr_link" href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;cert=gift">[-- STORE.SC_GiftCertificate --]</a>[-- END_IF --]
#[-- IF VAR.Type "cart" --][-- ELSE --]<a href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&amp;function=show">[-- STORE.SC_YourShoppingCart --]</a>[-- END_IF --]
#[-- END_IF --]

<div id="showerdoor" class="left_pagelinks">
<a class="left_pagetitle" href="[-- OUTPUT_DIRECTORY_URL --]/page17.html" title="SHOWER DOOR" >SHOWER DOOR</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/page2.html" title="HINGES AND PIVOTS" >HINGES AND PIVOTS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/page23.html" title="PULLS & KNOBS" >PULLS & KNOBS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/page20.html" title="HINGE & HANDLE SET" >HINGE & HANDLE SET</a>
</div>
<div id="sealants" class="left_pagelinks">
<a class="left_pagetitle" href="[-- OUTPUT_DIRECTORY_URL --]/page3.html" title="SEALANTS" >SEALANTS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 1">Sample Link 1</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 2">Sample Link 2</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 3">Sample Link 3</a>
</div>
<div id="cleaners" class="left_pagelinks">
<a class="left_pagetitle" href="[-- OUTPUT_DIRECTORY_URL --]/page4.html" title="CLEANERS" >CLEANERS</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 1">Sample Link 1</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 2">Sample Link 2</a>
<a class="left_pagelink" href="[-- OUTPUT_DIRECTORY_URL --]/example.html" title="Sample Link 3">Sample Link 3</a>
</div>
<div id="contactus" class="left_pagelinks">
<a class="left_pagetitle" href="http://trshardware.fatcow.com/store/page6.html" title="CONTACT US" >CONTACT US</a>
</div>
<div id="aboutus" class="left_pagelinks">
<a class="left_pagetitle" href="http://trshardware.fatcow.com/store/page5.html" title="ABOUT US" >ABOUT US</a>
</div>


[-- IF ShopSiteSecurityImage --]<div id="security_logo">[-- ShopSiteSecurityImage --]</div>[-- END_IF --]

[-- IF STORE.PaymentLogos --]<p class="center">[-- STORE.PaymentLogos --]</p>[-- END_IF --]
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby TRS » Mon Feb 10, 2014 12:12 pm

and lastly added Publish Files under 3Column-01.css

Code: Select all
 #header {
   height: 100px;
   overflow: hidden;
   position: absolute;
   top: 30px;
 }
 #logo h1 {
   font-size: 30px;
   font-weight: normal;
   margin: 0px;
   padding: 10px 20px;
 }
 #search {
   padding: 40px 0px 0px 0px;
 }
 #toplinks {
   height: 30px;
   line-height: 30px;
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/topnav-bg.jpg);
   background-position: bottom right;
   background-repeat: no-repeat;
 }
 #colorbar {
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/3col-clrbr-01.png);
   background-position: top right;
   background-repeat: no-repeat;
   top: 162px;
   height: 60px;
 }
 #colorbar h2 {
   font-weight: normal;
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-size: 160%;
   line-height: 54px;
   color: #FFFFFF;
   margin: 0px;
   padding: 3px 0px 0px 40px;
 }
 #container {
   margin: 224px auto 0px auto;

 }
 #left, #right {
   border-color: #FFFFFF;
 }
 #left {
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/side-bg.jpg);
   background-position: top left;
   background-repeat: repeat-x;
 }
 #left a, #left a.left_pagelink, #right a, table#mini-detail td {
   border-color: #CDCDCD;
 }
 #left a, #left a.left_pagelink {
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/side-bullet.png);
   background-position: center left;
   background-repeat: no-repeat;
 }
 #left a.left_pagetitle, #right a.right_pagetitle {
   color: #000000;
   text-align: left;
   border-bottom: 0px;
 }
 #table td.side-line, #table td.side-line img {
   background-color: #E9E9E9;
 }
 #pagination, #pagination2 {
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/pagination-bg.jpg);
   background-position: center center;
   background-repeat: no-repeat;
 }
 #right {
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/side-bg.jpg);
   background-position: top left;
   background-repeat: repeat-x;
 }
 #footercategories, #press-recal {
   background-color: #DEDEDE;
 }
 div.footcat, div.footer_pagelinks {
   border-color: #FFFFFF;
 }
 #footertext, #footerlinks_inner, #footerlinks_inner a, #lastline {
   color: #777777;
 }
 #footerlinks {
   border-color: #777777;
 }
 
 /* -- Product On Category Pages -- */
 .pr, .gc_pr_hm, .pc_pr {
   border: 1px solid #DEDEDE;
   background-image: url(https://shopsite.fatcow.com/ss11.2/shopsite-images/en-US/backgrounds/3col/product-bg.jpg);
   background-position: bottom left;
   background-repeat: repeat-x;
 }
 #progressbar {
   background-color: #EFD230;
 }
 #toptabs {
   top: 130px;
   height: 27px;
   border-bottom: 3px solid #0997D7;
 }
 .suckertreemenu ul li a {
   background: #0997D7;
   border-top-left-radius: 3px; border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
   line-height: 28px;
   min-width: 140px; border-right: 1px solid #FFFFFF;
 }
 .suckertreemenu ul li:last-child {float: right; clear: none;}
 .suckertreemenu ul li:last-child a {background: #FF0000; border-right: 0px; border-left: 1px solid #FFFFFF;}
 .suckertreemenu ul li ul li:last-child a {border-left: 0px; background: #0997D7;}
 .suckertreemenu ul li ul li:last-child a:hover {background: #0186BF;}
 .suckertreemenu ul li:last-child a:hover {background: #CB0000;}
 .suckertreemenu ul li ul li a {min-width: 200px; border-top: 1px solid #0186BF; border-right: 0px; line-height: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;}
.suckertreemenu ul li a:hover {background: #0186BF;}
td.pa {text-align: center;}
td.pa a {font-weight: bold;}
td.pa span {}

body div.left_pagelinks a.left_pagelink {display: none;}
body#showerdoor div#showerdoor a.left_pagelink,
body#sealants div#sealants a.left_pagelink,
body#cleaners div#cleaners a.left_pagelink
{display: block;}
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby ShopSite Lauren » Mon Feb 10, 2014 1:18 pm

Did you add the text to the text field 1 for pages (such as "sealants")? Also, it looks like either the new template isn't being used, or you haven't published your website to see the changes. Try going to Utilities > Publish > Regenerate and see if that helps.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Top

Re: Drop down menu

Postby TRS » Mon Feb 10, 2014 2:41 pm

I did add the pages. however, I did not do it for the "sealants" or the "cleaners" since there currently no pages to assigned to them. the only one with layers of pages is the "Hinges and Pivots"

I just re-generated the store as you instructed.
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby TRS » Fri Feb 14, 2014 10:43 am

Hi Lauren, can you Assist? it still not showing the drop down menu.
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top

Re: Drop down menu

Postby ShopSite Lauren » Fri Feb 14, 2014 11:57 am

Yes, I sent you a private message last week.
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT
Top

Re: Drop down menu

Postby TRS » Mon Feb 17, 2014 2:32 pm

Hi Lauren,

I didn't receive your message. can you resend.
TRS
 
Posts: 19
Joined: Wed Jan 15, 2014 4:23 pm
Top
Post a reply

Return to User Forum

Who is online

Users browsing this forum: Bing [Bot] and 129 guests

Powered by phpBB® Forum Software © phpBB Group