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
en:syces:selfserviceportal:custom_templates [2016/08/23 07:54]
co
en:syces:selfserviceportal:custom_templates [2016/09/27 13:00] (current)
co
Line 46: Line 46:
 {LOGINTITLE}: title for Login form\\ {LOGINTITLE}: title for Login form\\
 {REGISTERTITLE} title for registration form\\ {REGISTERTITLE} title for registration form\\
 +{AGB}: link to agb.html, a file containing your Terms and Conditions; you may have agb.html files for different locations and different languages. Please check what the [[en:syces:frontend:location:uploadmanager#directory_structure_for_terms_and_conditions| Directory Structure for 'Terms and Conditions']] implies.
  
 Any files you use (images, CSS etc.) should have a {TPLDIR} as a prefix to get the right path to your template folder, e.g. <img src="{TPLDIR}yourimage.jpg">. Any files you use (images, CSS etc.) should have a {TPLDIR} as a prefix to get the right path to your template folder, e.g. <img src="{TPLDIR}yourimage.jpg">.
  
-If you want to offer templates in several languages you must create one subfolder for each language and place the templates in the subfolders: {TPLDIR}<language>/. The language shortcuts are small letters as of ISO 3166, eg. de,en,it..+If you want to offer templates in several languages you must create one subfolder for each language and place the templates in the subfolders: {TPLDIR}<language>/. The language shortcuts are small letters as of ISO 3166, eg. de,en,it.
  
-Send a zip file containing all required files like images, the template and the css-file to the hotline. If you have more than one location please tell whether your layout should be valid only for a certain location. Else it will be used for all locations. +For uploading your files please use the [[en:syces:frontend:location:uploadmanager|Upload Manager]] . An explanation to where to place your files you'll find there.
- +
-Synergysystems then does some basic security and functionality checks, renames the template if necessary (either hotspot.tpl or custom_anonym.tpl) and uploads them in the appropriate custom directory.+
  
 To finally activate the custom template you have to choose "Custom Layout" for all locations concerned (Admin Frontend, Location, Walled Garden Options). This can be reset to default layout any time. To finally activate the custom template you have to choose "Custom Layout" for all locations concerned (Admin Frontend, Location, Walled Garden Options). This can be reset to default layout any time.
Line 117: Line 116:
  
 ===== custom_anonym.tpl (minimum requirements)  ===== ===== custom_anonym.tpl (minimum requirements)  =====
-This template can be used for the most flexible custom layout. You need to provide a form with a field named "reg_accept" and a hidden field "state". Please ensure that the form is sent only after accepting the "Terms and conditions". You may add any html, css, javascript that you need. This type of template without {login} and {register} can be used only for the registration type "anonymous login". +This template can be used for the most flexible custom layout. You need to provide a form with a field named "reg_accept" and a hidden field "state". Please ensure that the form is sent only after accepting the "Terms and conditions". You may add any html, css, javascript that you need. This type of template without {register} can be used only for the registration type "anonymous login"
 <code> <code>
 <!DOCTYPE HTML> <!DOCTYPE HTML>
Line 138: Line 136:
  </body>  </body>
  <!-- END BODY -->  <!-- END BODY -->
 +</html>
 +</code>
 +Please be aware that any template variables need to be placed within either the head or the body section. The example above needs at least one more template variable e.g. {DATE} within the body section in order to get the body section displayed.
 +Else use the following code if you only have the {LOGIN} variable:
 +<code>
 +<!DOCTYPE HTML>
 +<html>
 + <!-- BEGIN HEAD -->
 + <head>
 + {SCRIPTS}
 + </head>
 + <!-- END HEAD -->
 +
 + <body onload="init();">
 +
 +             <!-- BEGIN BODY -->
 +                  {LOGIN}
 +             <!-- END BODY -->
 +             
 +      <form>
 +                   <input  name="reg_accept" type="checkbox"/>
 +                   <input name="state" type="hidden" value="ay" />
 +                   <input id="sb" type="submit" />
 +             </form>
 +
 + </body>
 +
 </html> </html>
 </code> </code>
QR Code
QR Code Custom Templates (not for Default Free Service) (generated for current page)