Need headings on left links

[mjp1113]

Hello,

I'm using swish on black template and I need to have headings placed on the left sidebar where the links are and to have those heading sections separated. There should be a way to do this in the back end but I can't find where! Any help is greatly appreciated!


Such as:

(Heading) Categories:
Item 1
Item 2
Item 3

space

(Heading) More Info:
Privacy Policy
Term and Conditions

[ShopSite Lauren]

There isn't a built in way to do this in the current version. In the next version of ShopSite, version 11, this will be built in where you can easily add side and footer menus and include a title or heading on each. However, in the current version, if you are familiar with HTML, you can do this with an include file. This will also make it easy for you to have the same menu appear on all pages including the search and cart pages. The bottom of the following page explains how to do this:
http://www.shopsite.com/templates/cookbook/builtintemplates-swishonblack.shtml

-----Quote from that page
1. Copy Link Include File. Make a copy of the 'BasicPage-LeftLinks.sst' include file.
2. Copy YOUR copy and Rename Same as Original. Make a copy of YOUR copy and rename it the exact same name as the original so that your file overrides the original.
3. Add your links. Add your own links to the file. If the file has instructions for the format of the link then follow those instructions.
4. Publish. Once you have setup your include file you can go to Utilities > Publish > Regenerate, to republish your website with the updated links.
------

[4erika]

I am looking at a demo site with the swish on white template and was trying to figure out this very same issue

I would like the menu on the left to show a product category, and then the links to the different pages in the category below it. I would need a handful of category headings.

I see that I can create a "heading" that is not linked to a particular page, but it still is in the same font as the rest of the linked text, so it looks like a malfunctioning link rather than a header. Even if the 2nd level of links were indented or something to differentiate from the category headers or adding something like a highlighted background behind the headers, that would help.

I'm assuming the demo sites are now on Shopsite 11, but I don't see where I can add headers, that look different than the rest of the menu, to the navigation menu on the left. Am I missing something, or is the only upgrade from version 10 to 11 that you can create un-linked text in the navigation menu, without altering the font to make them actually look like headers.

[Jim]

There are styles associated with the links that you should be able to modify to make them appear as you want. Here is the html from the left links when I added a section title, link, another section title, another link

Code: Select all

<div class="left_pagelinks">
<a class="left_pagetitle">Section head</a>
 <a class="left_pagelink" href="http://mydomain.com/cgi-bin/sc/order.cgi?storeid=*100bd218ab0745409e26&amp;function=show" title="sub link">sub link</a>
</div>
<div class="left_pagelinks">
<a class="left_pagetitle">Section head 2</a>
 <a class="left_pagelink" href="http://mydomain.com/11sp2/index.html" title="link to main page">link to main page</a>
</div>

You can see that the Section head and Section head 2 both have a class of "left_pagetitle" and the links beneath them have the class "left_pagelink". So you would need to change (or add ) those classes so that they display as you want.
Looking at the source of the page there is a stylesheet included called from publish/swish-wt.css . So go to Merchandising > Custom Templates > Includes and in the Publish section and use the Copy ShopSite Publish button and make a copy of the file swish-wt.css giving it a different name such as swish-wt.css1. Edit that file and make your changes and save it. Then make a copy of the file you edited and give it the name swish-wt.css.
When I looked at that file it doesnot appear to have the left_pagetitle style defined so you will need to add it. I don't know css well enough to tell you how to do it but looking another css file I see code like this

Code: Select all

#links li a, td.reg, td.reg_link, a.left_pagelink, .left_pagetitle {
        display: block;
        line-height: 20px;
        text-decoration: none;
        text-align: left;
        }
 a.left_pagelink {
        margin: 0px 4px;
        }


Since you want the left_pagetitle to look different from the left_pagelink you would need to put it in a separate section and make the styles different. I don't know how you would make it non-clickable but a web search should help you find that info.