Geodesic Solutions Community Wiki

User Tools

Site Tools

You are here: Auction and Classified Software Support Home » Tutorials » Design - Advanced » Portable Template Sets
tutorials:design_adv:portable_template_set

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
tutorials:design_adv:portable_template_set [2010/05/17 19:03]
jonyo wording on title 		tutorials:design_adv:portable_template_set [2014/09/25 16:55] (current)
Line 10: Line 10:
  
  
-One of the main //features// of the template set system, is the "portability" of a template set.  What this means, is that a template set can easily be transfered to a different installation, on a totally different domain name, with minimal work.  However, this requires the template set is created with portability in mind.  Having a portable template set is a must for any designer wishing to distribute custom template sets created.  It is also a good idea for site owners as well, as it makes it easy to work on a design on a "test installation" then easily transfer the design to the live site once it is ready.+One of the main //features// of the template set system, is the "portability" of a template set.  What this means, is that a template set can easily be transfered to a different installation, on a totally different domain name, with minimal work.  However, this requires the template set is created with portability in mind.  Having a portable template set is a must for any designer wishing to distribute custom template sets created.  It is also a good idea for site owners as well, as it makes it easy to work on a design on a "test installation" then easily transfer the design to the live site once it is ready.  It may even be **necessary** for parts that are shared between the client side and the admin panel, such as buttons used in the cart.
  
 ===== Creating Portable Template Set ===== ===== Creating Portable Template Set =====
Line 20: Line 20:
   * <html><strong style="color: green;">Do</strong></html> always put any //media files//((Media files include:  images, CSS files, JS files, or any file that would be directly referenced by a template.  If your design uses an occasional PHP file (which we discourage if not necessary), that would also be considered a media file.)) used for the design, into the **external** folder within your template set. <   * <html><strong style="color: green;">Do</strong></html> always put any //media files//((Media files include:  images, CSS files, JS files, or any file that would be directly referenced by a template.  If your design uses an occasional PHP file (which we discourage if not necessary), that would also be considered a media file.)) used for the design, into the **external** folder within your template set. <
   * <html><strong style="color: maroon;">Do Not</strong></html> put //media files// in the **main_page** folder within the template set.  This folder is reserved for **.tpl** template files only. <   * <html><strong style="color: maroon;">Do Not</strong></html> put //media files// in the **main_page** folder within the template set.  This folder is reserved for **.tpl** template files only. <
 +  * <html><strong style="color: maroon;">Do Not</strong></html> put //media files// **outside** of your template set.  (See the first "DO" tip above) <
   * <html><strong style="color: green;">Do</strong></html>, within **template files**, use the special Smarty tag that looks like **{external file='folder/filename.png'}** in place of a URL for a media file located in the **external/** folder in your template set.  The "**Add a Tag**" tool on the template editor can create the tag for you, you just select the external file you want to reference and it will insert the tag for you.  The default templates have plenty of examples of how to use this as well.   * <html><strong style="color: green;">Do</strong></html>, within **template files**, use the special Smarty tag that looks like **{external file='folder/filename.png'}** in place of a URL for a media file located in the **external/** folder in your template set.  The "**Add a Tag**" tool on the template editor can create the tag for you, you just select the external file you want to reference and it will insert the tag for you.  The default templates have plenty of examples of how to use this as well.
     * <html><strong style="color: green;">Good:</strong></html> <code html><a href="index.php"><img src="{external file='images/logo.jpg'}" alt="My Site!" /></a></code> <     * <html><strong style="color: green;">Good:</strong></html> <code html><a href="index.php"><img src="{external file='images/logo.jpg'}" alt="My Site!" /></a></code> <
tutorials/design_adv/portable_template_set.1274123036.txt.gz · Last modified: 2014/09/25 16:55 (external edit)

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
CC Attribution-Noncommercial-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki