Template Cutin Guide

Template Cutin Guide

Overview Uploading a Template layouts sub-page template <$headerplugins> $logo1 <$menu> <$pagetitle> <$body> <$section> <$blog> <$sidebarcontrol> <$sidebarmenu> $single <$snippet> <$include> edittext label $viewlink <$cartitems> <$carttotal> <$domain> <$userfullname> <$userid> <isHomePage> <IsNotHomePage> <else> logic options <$copyright> <$trademark> <$date> <$year> File Versioning Social Media Links

<$menu>

Macro<$menu>
Purpose Used to display the website's main menu
Special NotesUsually, when you use a template downloaded from the Internet, it will come with a main menu, using Super Fish or some other drop down menu. You should replace the menu HTML in the template with this tag.
Attributes
  • style="smooth|mega" - Sets the type of internal menu to use smooth or mega
  • onelevel="Y" - Indicates the menu should only use the main top level menu no dropdowns
  • rootLiClass - Applies this class to all top level main menu items
  • ulClass - Applies this class to the main opening UL
  • ululClass - Class applied to all UL tag other than the main top level items
  • selectedClass - Applied to the LI and A of the select menu item
  • liSelectedClass - Applied to the LI of the currently selected menu item
  • aSelectedClass- Applied to the A of the currently selected menu item
  • titleClass - Applied to the <span> tag that wraps the title of each menu item
Example Usage
BEFORE (ORIGINAL CODE)

<ul id="nav" class="sf-menu">
<li class="current-menu-item"><a href="index.html">HOME</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="page.html">ABOUT</a>
<ul>
<li><a href="page-elements.html">Elements</a></li>
<li><a href="page-icons.html">Icons</a></li>
<li><a href="page-typography.html">Typography</a></li>
</ul>
</li>
<li><a href="portfolio.html">WORK</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="http://luiszuno.com/blog/downloads/simpler-template">DOWNLOAD NOW</a></li>
</ul>
 

AFTER

<$menu ulID="nav" ulClass="sf-menu" liSelectedClass="current-menu-item">