Web Savvy Mama Blog: What do you want to learn today?

Do you have a topic you'd like to see covered? Feel free to drop me a note. Please make sure to mention that it's blog related in the message. If I pick your topic I'll include a link back to your website!

Web Mama E-cart: Template How to

If Web Savvy Mama has done the design for your template, it is already a custom template and integrated onto your cart. You can skip this completely. But there are times where you might want to edit your template or install a new one. You should become familiar with your template parts. In your storeadmin you click on "template" and you’ll see an area where you can select pre-loaded examples or a text box. The text box is where your custom template has been loaded by Web Savvy Mama. Please use caution when editing this template, always copy it and save it before making any changes!!

Use this area to select or modify your web site template, which will apply your design elements to all your site pages. Please note that modifying your template will instantly update all pages with the new design, so be careful when making design changes!

I load a backup into your template file and name it after your website, you can go back to your default by selecting this template from your drop down list.

Selecting a Template

If web templates are available, select the template you wish to use for your site in the drop down box at the top of the page. Select Apply to apply that template.

If you want to apply the colors that come with that page, check the "Update Colors" box. This will override your existing link color values permanently. To change the link colors after applying a template, select the "Fonts & Colors" link and enter the values you wish to use.

Custom Templates

To add your own template to the system, enter the entire page`s HTML code (from <html> to </html>) in the box provided. Enter the site codes (below) directly into the HTML code, wherever you wish to show that feature. For example, if you want to display a search box into a table cell, you would enter the appropriate code directly into the cell`s HTML code, such as:

Use the bolded code to call the file name next to it. A description of the code is located below.
%CATEGORY_BAR% navbar_bar.php
Displays the categories in a colored, "light-up" bar horizontally displayed on the page. Category images are not shown.
%CATEGORY_DESCRIPTION% description.php
Shows the description of the category for the catalog, if one exists. For pages other than the catalog page, nothing appears.
%CATEGORY_DROPDOWN% categories.php
Shows a drop-down select box with all the category names listed within, to be used to search by category.
%CATEGORY_HORIZONTAL% navbar_horizontal.php
Shows a list of all categories horizontally in the catalog, using the format specified in the "Settings" in this administration area. Note: the horizontal category list is already included in the %NAVIGATION_HORIZONTAL% include.
%CATEGORY_NAVIGATION% navbar_list.php
On the catalog page, this displays catalog categories in the format Catalog &gt; Category &gt; SubCategory, with no images
%CATEGORY_TABLE% navbar_table.php
Creates an automated vertical "button" list of all active categories in the system, in a table format. Category images are not shown.
%CATEGORY_TABS% navbar_tabs.php
Creates an automated horizontal list of tabs showing all active categories in the system. Category images are not shown.
%CATEGORY_VERTICAL% navbar_vertical.php
Shows a list of all categories vertically in the catalog, using the format specified in the "Settings" in this administration area.
%CONTENT% content.php
Shows the main content of the site - the content added to the "Pages" area and the product display for the catalog.
%COPYRIGHT% copyright.php
Shows a copyright notice with your site name and the current year.
%COUPONS% coupon.php
Displays a text box that customers can use to enter a coupon code into the system to obtain a discount. For use only with the coupon system.
%EMAIL_FRIEND% email.php
Shows an "Email a friend" link on all pages, which allows your visitors to send the page to others.
%FEATURED_COLUMN% featured.php
Shows a vertical column of three featured items with images (usually added to a side bar).
%ITEMNUM_DROPDOWN% catnum.php
Shows a drop down select box with all the item numbers listed within, to be used to search by item number.
%LOGO% logo.php
Displays the uploaded logo, if one exists, on your page.
%META_TAGS% meta.php
Shows the dynamic meta descriptions and keywords of the page. Should be placed inside the <header></header> tag.
%NAVIGATION_HORIZONTAL% pagenav_horizontal.php
Shows an automated horizontal list of all active pages in the system. After the "Catalog" page, a horizontal list of active categories are shown. For page ordering, use %NAVIGATION_HORIZONTAL_X% where X is the group number (1-5) to display. See help for details.
%NAVIGATION_VERTICAL% pagenav_vertical.php
Shows an automated vertical list of all active pages in the system. Under the "Catalog" page, a vertical list of active categories are shown, using the format specified in the "Settings" in this administration area. For page ordering, use %NAVIGATION_VERTICAL_X% where X is the group number (1-5) to display. See help for details.
%PAGES_BAR% pagelist_bar.php
Displays the active pages in the system in a colored, "light-up bar" horizontally displayed on the page. Page images are not shown. For page ordering, use %NAVIGATION_HORIZONTAL_X% where X is the group number (1-5) to display. See help for details.
%PAGES_HORIZONTAL% pagelist_horizontal.php
Creates an automated horizontal list of all active pages in the system. For page ordering, use %PAGES_HORIZONTAL_X% where X is the group number (1-5) to display. See help for details.
%PAGES_TABLE% pagelist_table.php
Creates an automated vertical "button" list of all active pages in the system, in a table format. Page images are not shown. For page ordering, use %PAGES_TABLE_X% where X is the group number (1-5) to display. See help for details.
%PAGES_TABS% pagelist_tabs.php
Creates an automated horizontal list of tabs showing all active pages in the system. For page ordering, use %PAGES_TABS_X% where X is the group number (1-5) to display. See help for details.
%PAGE_TITLE% title.php
Shows the title of the page (ie. "Home Page", "Catalog", "Links", etc.) or the header image.
%PAGES_VERTICAL% pagelist_vertical.php
Creates an automated vertical list of all active pages in the system. For page ordering, use %PAGES_VERTICAL_X% where X is the group number (1-5) to display. See help for details.
%PRICE_DROPDOWN% price.php
Shows a drop-down select box with your price ranges listed within, to be used to search by price.
%SEARCH_CATALOG% search_catalog.php
Displays a keyword search box which customers can use to search for products in your catalog by keyword.
%SEARCH_SITE% search_site.php
Displays a keyword search box which customers can use to locate pages on your site (including FAQs or articles), categories, or products by keyword.
%SITE_LOGO% sitelogo.php
Displays the uploaded logo, if one exists. If a logo does not exist, displays the site name.
%SITE_MESSAGE% sitemessage.php
Displays whatever you have entered in the "Site Message" field (in the variables area of the administration section). The text appears on every page, and is often used to easily update sale messages or note specials site-wide.
%SITE_NAME% sitename.php
Displays the name of your web site in a header tag on your page.
%STYLE_SHEET% style.php
Sets the fonts and colors for the catalog. Should be placed inside the <head></head> tag. Use the existing style sheet as a guide when creating classes.
%TITLE_TAG% metatitle.php
Displays the category or product if selected, for use with search engines. Should be placed inside the <title></title> tag.
%VIEW_CART% viewcontents.php
Displays a "View Cart" link only.
%VIEW_CONTENT% viewcart.php
Displays a "View Cart" link, along with the quantity and total ordered.

Technorati Tags:

Leave a Reply


You must be logged in to post a comment.