How to change site design?

Knowledge Base Home |

Glossary

Home > All Categories > Manage site design theme and contents > How to change site design?

How to change site design?

Overview

Jumbofeed script has fully customizable design template system, which requires the basic knowledge of Web design.
Site design files are located under /tpl/ directory.
Please take a set of backup for all files before you edit. Ordering design file editing with QualityEbiz is subjected to charge at $25/h. if you have backup files, you can rollback design to original when you make a mistake.
Important : Please do not remove script codes in the html files. Example : codes set by {}, or like . If you remove those codes, script may not be functional.

File instruction

Filename under /tpl/	Description
Main site design
main_tpl.html	This is the main design files which includes side menu including member menu. Do not remove {leftnav}, which shows side menu and member menu. {basket} shows shopping cart info.
main_tpl_no_nav.html	This is the main design file for Top domain or index.php access. When peopel visit your site at http://yourdomain.com or http://yourdomain.com/index.php, this file is used. It does not include Side menu. And it shows Keywords category box (keywords.html) in {containera} section
contact_item_tpl.html	This file is design for site's Contact us page, which is linked at http://www.jumbofeed.com/view/contact Example is http://www.jumbofeed.com/view/contact
links_item_tpl.html	This file is design for Links page, which is linked at http://www.yourdomain.com/view/links example : http://www.jumbofeed.com/view/links
news_item_tpl.html	This file is design for site news page, which is linked at http://www.yourdomaincom/view/news Example : http://www.jumbofeed.com/view/news
shopping_tpl.html	This file is design for site shop page, which is linked at http://www.yourdomain.com/view/shop Example : http://www.jumbofeed.com/view/shop
toolbar_tpl.html	This file is design for toolbar download page, which is linked at http://www.yourdomain.com/toolbar/install Example : http://www.jumbofeed.com/toolbar/install
css.css	This is style sheet for all design files. Do not remove style sheet link in the main design files. We recommend you use css file instead of inserting styles in each files.
Search section design
main_tpl_search.html	This is the search result page design. It shows search results (searchlines_tpl.html) in {line} section.
portal_tpl.html	This file is for portal page design. You can create up to 5 portal page in different design. Read more about Multi portal design, click here.
searchlines_tpl.html	This file is for search result page design. This file design is inserted in main_tpl_search.html, where it has {line}
captcha_tpl.html	When you enable CaptchaClickValidate in script admin (Security settings), this file is inserted between search click and redirection to final advertisers page. Do not remove {link1} ~ {link3} which shows image font words which searcher has to click to go next page.
javabanner_1.html	If you want to setup search box with image. You can setup up to 5 image java image search box. This file will be inserted in member_tools_tpl.html (member tool page) Example : http://www.jumbofeed.com/view/webuser/task/tools) you can find a search box with image on teh most bottom. that is calling javabanner_1.html.
Member section design
member_tools_tpl.html	This file is design for member tools, which is linked at http://www.your domain.com/view/webuser/task/tools Example : http://www.jumbofeed.com/view/webuser/task/tools
apply_item_tpl.html	This file is design for XML partner application form, which is linked at http://www.yourdomain.com/view/apply Example is http://www.jumbofeed.com/view/apply
Plug-in contents (Those files are inserted into the script code part in the main design files)
optionnav.html	This is file for side menu design. This file design is inserted in the main file, where it has {leftnav}
bot_nav.html	This is the file for bottom menu design. This file design is inserted in the main file, where it has {botnav}
top_nav.html	This is the file for top menu design. This file design is inserted in the main file, where it has {topnav}
topkeywords_tpl.html	This file is the file for Top 15 keywords design on search results page (main_tpl_search.html), it is inserted where {topkeywords} locate.
keywords.html	This is the file for keyword category design. This file design is inserted into main_tpl_no_navi.html, where you set {containera}
shopping_left_tpl.html	This file is design for shopping cart side menu. This file design is inserted into main_tpl.html, where you set {basket}
fp_news_tpl.html	This is the file for front page news inserting.
Message section
approve_tpl.html	This message is inserted when people submit registration. (Script setting must set manual signup approval process instead of automated approval.)
framebuster.html	Do not edit this. This is not design file but for script function.

Script code instruction

Script code name	Description
{ads1} ~ {ads10}	Shows banner rotation. Read more about how to set banner rotation, click here.
{affcom}	Shows affiliate base commission percentage set in admin (Pay Per Click / Setting / AffiliateCommission)
{baseurl}	Do not remove this code in main template files (it is located in Meta tag area). It determines the base URL of site.
{basket}	Shows shoppin cart details. (calling shopping_left_tpl.html)
{botnav}	Shows bottom menu, calling bot_nav.html. To decide which link should be included, go to admin System / Navigation adn click teh page. you will find "In top nav" and "In bot nav". If you select Yes with "In top nav", the page link is included in teh Top menu
{containera}	Shows the content. If teh page is Terms of service page, then it calls ontents block terms.
{directory}	Keyword directory
{itemtitle}	Shows the page title of content. This refers Item title of each content pages you set on Contents / Contents block in admin
{leftnav}	Shows left menu, calling optionnav.html
{line}	This shows search results's details such as bid, url etc. it calls searchlines_tpl.html
{pagetitle}	Shows title value in html
{portallink}	Shows portal link with UserID
{refcom}	Shows referral commission percentage set in admin (Pay Per Click / Setting / ReferalPercent)
{reflink}	Shows referral link with the userID
{searched}	Shows the keyword just performed. Set it in search form text box.
{sitename}	shows site's domain without extension
{topnav}	Shows top menu, calling optionnav.html. To decide which link should be included, go to admin System / Navigation adn click teh page. you will find "In top nav" and "In bot nav". If you select Yes with "In top nav", the page link is included in teh Top menu
{toolbar}	Do not remove this code if your site offers Toolbar download
{topkeywords}	This code shows top 15 keywords on search results page