Templatation wiki

Herbally Demo

1. Backup your 'includes' folder in case you are installing it on a live website.
2. Make sure you have done first step.
3. Upload includes folder from your themeforest download, to website-root/includes, It will automatically upload files on their relevant paths.
4. Go to Admin → Tools → Template selection and select Herbally as your template.
5. Go to Configuration → Layout settings, and do following:
   • Turn off “Column Right Status - Global”
   • Turn on “CSS Buttons”
   • Set “Bread Crumbs Navigation Separator” to :
6. Go to Tools → Layout box controller, and click on Reset button on the bottom.

Please browse to downloaded file to this address : includes\templates\herbally\css

you will find these files.

• COLOR_stylesheet_brown.css
• COLOR_stylesheet_cyan.css
• COLOR_stylesheet_green.css
• COLOR_stylesheet_orange.css
• COLOR_stylesheet_pink.css
• COLOR_stylesheet_voilet.css

Please rename filename and just remove COLOR_ before the file that you want to activate. For example , if you want to activate orange color on the website , just rename COLOR_stylesheet_orange.css to stylesheet_orange.css. Thats all !

1. In order to edit any color , font etc , you will have to edit style.css file manually (Due to limitations of Zencart ).
2. To edit slider images and welcome text , you will have to edit homepage template file. (can be done from admin panel , no file hacking required).
3. To change logo , you will need to upload logo.png to images folder (more details provided in docs.)
4. Zencart does not have options of building the menu items on-demand yet. I have included most-used menu items though. They will list all categories (dynamic) and required static pages in drop down by default . But if you want to change it , you will need to manually edit in a file.(more details provided in docs.)

• If site has many categories, this template uses a system called “source ordered” which helps to load the main content (product text, prices, etc.) first on your site and this also helps search engine optimization.
• Flexible aspect ratio of site (including logo).
• Automatic Sideboxes stack up NOTE: Sideboxes display only on ONE side.

• To change logo → upload your logo.png to includes/templates/herbally/images/ (more details provided in docs.)
• Additionally you can adjust logo's CSS in stylesheet:

#logo img {
	width:100%;
	} 

To remove default messages:

• Turn them off under “Configuration”, “Layout Settings”
• Also turn off from “Customer Greeting - Show on Index Page”
• Open up includes/languages/english/herbally/index.php and change the terms as you want.

Zencart does not have options of building the menu items on-demand yet. I have included most-used menu items though. They will list all categories (dynamic) and required static pages in drop down by default. But if you want to change it, you will need to manually edit in a file. (more details provided in docs.)

1. To edit slider images and welcome text, you will have to edit homepage template file. (can be done from admin panel, no file hacking required.)
2. To change the order of or remove any of the links in the dropdown header menu, open up includes/templates/herbally/common/tpl_drop_menu.php
3. To change the text used for the dropdown header menu links, open up includes/languages/english/extra_definitions/herbally/headermenu.php
4. To remove the about us page, open up includes/templates/herbally/common/tpl_drop_menu.php and remove this line (approx. line 63)

<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>

Also, open up includes/modules/sideboxes/herbally/information.php and remove this line (approx 26)

$information[] = '<a href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a>';

1. The images used in demo were bought from Fotolia and are not included in the purchase.
2. I have used “Cabin Condensed”, Courgette font from Google fonts directory.
3. Icons used were either made by me or downloaded from icon directories with “Allowed for commercial use (no link required)” license.