 |
|
|
|
 |
| |
ekmTags: [ekm:dynamicmenu]
This tag outputs a DHTML Dynamic Menu which displays all the categories within your store. It allows users to navigate through your categorys and subcategories.
| Full Tag |
[ekm:dynamicmenu]
'Which style of menu HORIZONTAL or VERTICAL
layoutstyle='VERTICAL';
' Advanced Data Manipulation
orderby='orderlocation, name';
'Change the colours of the menu items
colourhigh='#000000';
colourlow='#5262FF';
fontcolourhigh='#FFFFFF';
fontcolourlow='#FFFFFF';
font_align='auto';
font_size='auto';
font_family='auto';
'Change the borders of the menu items
bordersize='1';
bordercolour='#000000';
'Set the dimensions of the menu
menuwidth='auto';
itemheight='auto';
'Include extra links in this menu
extralinks_above='
[link="index.asp"]home[/link]
[link="#"] [/link]
';
extralinks_below='
[link="#"] [/link]
[link="http://www.ekmSystems.co.uk/"] ekmSystems [/link]
';
'Set the dimensions for the dropdown image
extra_option_displayimage='auto';
extra_option_imagepath='auto';
extra_option_imagewidth='auto';
extra_option_imageheight='auto';
'Do the edit buttons display (when logged in)
edit_buttons='yes';
[/ekm:dynamicmenu]
|
| Example Output |
|
Tag Parameters
| orderby |
Allows you to specify how your product and category data is ordered. You can use any of the database field names to order by, and you can use more than one. You can also use ASC (Ascending) and DESC (Descending)
For example:
orderby='name ASC, orderlocation DESC';
| Possible Values |
| auto |
Uses orderlocation, name |
| orderlocation |
A numeric value which is used to order the item |
| name |
The product or category name |
|
| colourhigh |
Allows you to select the colour of the menu items when they are highlighted.
| Possible Values |
| auto |
#000000 |
| User Defined |
You can enter a Hex Colour Code, or HTML colour reference |
|
| colourlow |
Allows you to select the colour of the menu items when they are not highlighted.
| Possible Values |
| auto |
#FFFFFF |
| User Defined |
You can enter a Hex Colour Code, or HTML colour reference |
|
| fontcolourhigh |
Allows you to select the font colour of the menu items when they are highlighted.
| Possible Values |
| auto |
The same colour as colourlow, which by default is #FFFFFF |
| User Defined |
You can enter a Hex Colour Code, or HTML colour reference |
|
| fontcolourlow |
Allows you to select the font colour of the menu items when they are not highlighted.
| Possible Values |
| auto |
The same colour as colourhigh, which by default is #000000 |
| User Defined |
You can enter a Hex Colour Code, or HTML colour reference |
|
| font_align |
Allows you to select the alignment of the font.
| Possible Values |
| left (default) |
| center |
| right |
|
| font_size |
Allows you to select the font size.
| Possible Values |
| auto |
This is font size 9 |
| User Defined |
You can enter any whole number (e.g. 12) |
|
| font_family |
Allows you to select the font family.
| Possible Values |
| auto |
This will default to 'arial,comic sans ms,technical' |
| User Defined |
You can enter any font family in order of which will be tried first (e.g. comic sans ms,Courier New,Courier) |
|
| bordersize |
Allows you to select the size of the borders around the menu items.
| Possible Values |
| auto |
The default is 1 pixel |
| User Defined |
You can enter any whole number (e.g. 5) |
|
| bordercolour |
Allows you to select the colour of the borders around the menu items.
| Possible Values |
| auto |
The same colour as colourhigh, which by default is #000000 |
| User Defined |
You can enter a Hex Colour Code, or HTML colour reference |
|
| menuwidth |
Allows you to specify the width of the menu in pixels.
| Possible Values |
| auto |
150 pixels |
| User Defined |
Size in pixels (eg: 200) |
|
| itemheight |
Allows you to specify the height of the menu items
| Possible Values |
| auto |
20 pixels |
| User Defined |
Size in pixels (eg: 30) |
|
| extra_option_displayimage |
This will set whether the images appear when there are options in the dropdowns
| Possible Values |
| auto |
The images will be displayed where there are dropdowns |
| no |
The images will not be displayed where there are dropdowns |
|
| extra_option_imagepath |
This allows you to specify a path to an image that will be used to signify a dropdown
| Possible Values |
| auto |
Will have a default arrow graphic |
| User Defined |
Any image path local or remote (e.g. resources/Image/my_picture.jpg or http://www.google.co.uk/intl/en_uk/images/logo.gif) |
|
| extra_option_imagewidth |
This will set the width of the graphic
| Possible Values |
| auto |
5 pixels |
| User Defined |
Size in pixels (eg: 10) |
|
| extra_option_imageheight |
This will set the height of the graphic
| Possible Values |
| auto |
10 pixels |
| User Defined |
Size in pixels (eg: 20) |
|
| layoutstyle |
This will determine the type of menu that will be used
| Possible Values |
| VERTICAL (default) |
The menu will display vertically |
| HORIZONTAL |
The menu will display horizontally |
|
| extralinks_above |
Allows you to specify extra links above the dynamically generated links
| Examples |
| [link="index.asp"] Home [/link] |
Displays a link to your first page |
| [link="#"] [/link] |
Displays a blank entry |
|
| extralinks_below |
Allows you to specify extra links below the dynamically generated links
| Examples |
| [link="http://www.ekmSystems.co.uk/"] ekmSystems [/link] |
Displays a link to our site |
| [link="#"] [/link] |
Displays a blank entry |
|
| edit_buttons |
If you are logged in this will specify whether you see the edit category icons
| Possible Values |
| yes (default) |
When logged in the edit buttons will show |
| no |
When logged in the edit buttons will not show |
|
|
|
« Back
|
|
|
 |
