### Assign Tag Syntax and Examples Source: https://documentation.zohosites.com/language Shows the syntax and usage of the 'assign' tag for assigning numerical, string, and multiple values to variables. ```html {% assign variable_name = variable_value %} // Numerical value {% assign num = 4 %} {% assign sum = 4+4 %} // String value {% assign str = "John Dane" %} //Assigning Multiple values {% assign first_name="sai",last_name="ram"%} ``` -------------------------------- ### Get Signup Settings Source: https://documentation.zohosites.com/objects Retrieves the enabled fields for signup settings as a Map. This is useful for customizing user registration forms. ```Zoho page.signup_settings ``` -------------------------------- ### ZohoSites Date Formatting Example Source: https://documentation.zohosites.com/language Provides a practical example of using the dateFormat filter in ZohoSites. It assigns a date string and then formats it from 'yyyy-MM-dd HH:mm:ss' to 'M-d-yy', showing the resulting output. ```ZohoSites Templating {% assign date1="2017-03-14 18:41:31.0" %} {{ date1 | dateFormat("yyyy-MM-dd HH:mm:ss","M-d-yy")}} ``` -------------------------------- ### Retrieve Blog Post Details Source: https://documentation.zohosites.com/objects Provides examples of how to retrieve detailed information about blog posts, including their ID, title, URL, description, and author. This is essential for displaying blog content dynamically. ```javascript /** * Retrieves blog post details. * Example usage: * var postId = blog_post.post_id; * var postTitle = blog_post.post_title; * var postUrl = blog_post.post_url; * var postAuthorId = blog_post.post_author; */ ``` -------------------------------- ### ZohoSites Base Template Example Source: https://documentation.zohosites.com/language Shows a base template structure in ZohoSites, defining common HTML elements and using block tags for sections like title, header, menu, content, and footer that can be customized by child templates. ```HTML {% block title %}ZohoSites{% endblock %}
{% block content %}{% endblock %}
``` -------------------------------- ### Access Blog Tag Information Source: https://documentation.zohosites.com/objects Provides examples for retrieving information about blog tags, such as their resource ID, name, URL, and associated SEO details. This helps in categorizing posts by tags and linking to tag archives. ```javascript /** * Accesses blog tag information. * Example usage: * var tagId = blog_tag.resource_id; * var tagName = blog_tag.tag_name; * var tagUrl = blog_tag.tag_url; */ ``` -------------------------------- ### Get Portal Signup URI Source: https://documentation.zohosites.com/objects Returns the Uniform Resource Identifier (URI) for the portal signup page. This is used for directing users to the registration endpoint. ```Zoho page.portal_signup_uri ``` -------------------------------- ### If-Else Conditional Logic Source: https://documentation.zohosites.com/language Provides examples of the 'if-elif-else' control tag for conditional execution based on variable values and existence checks. ```html {% if condition_1 %} block_1 {% elif condition_2 %} block_2 {% else %} block_3 {% endif %} {% assign x=2 %} {% if x == 1 %} one {% elif x == 2 %} two {% else %} more than 2 {% endif %} //output two {% assign obj="" %} {% if obj %} obj exists..! {% else %} obj does not exist..! {% endif %} //output obj does not exist..! ``` -------------------------------- ### Slice lists in Zoho Sites templating Source: https://documentation.zohosites.com/language Details how to use slicing with start, stop, and step values to extract specific portions of a list in Zoho Sites templating language. Supports various slicing syntaxes. ```Zoho Templating Language {% for contact in contacts[5:] %} {{ contact }} {% endfor %} ``` -------------------------------- ### Get Next Blog Page URL Source: https://documentation.zohosites.com/objects Returns the URL for the next blog page. This is useful for creating direct links to subsequent blog pages. ```Zoho page.blog_next_page_url ``` -------------------------------- ### Get Schemas Source: https://documentation.zohosites.com/objects Returns schema information for the page, typically in a Map format. This is often used for SEO and structured data. ```Zoho page.schemas ``` -------------------------------- ### Retrieve Blog Author Details Source: https://documentation.zohosites.com/objects Shows how to get details for blog authors, including their resource ID, name, URL, and mapping IDs. This is important for attributing posts and displaying author information. ```javascript /** * Retrieves blog author details. * Example usage: * var authorResourceId = blog_author.resource_id; * var authorName = blog_author.author_name; * var authorUrl = blog_author.author_url; * var authorMappingId = blog_author.mapping_author_id; */ ``` -------------------------------- ### Get Language Details Source: https://documentation.zohosites.com/objects Retrieves details for a specific language, including its code, path, and default status. This is part of the multi-language support. ```Zoho language_list.language ``` ```Zoho language_list.language_code ``` ```Zoho language_list.path ``` ```Zoho language_list.is_default ``` -------------------------------- ### Get Menu Item Details Source: https://documentation.zohosites.com/objects Provides detailed information about individual menu items, including their IDs, types, names, URLs, and hierarchy. ```Zoho menu_item.menu_id ``` ```Zoho menu_item.menu_item_id ``` ```Zoho menu_item.menu_item_type ``` ```Zoho menu_item.item_name ``` ```Zoho menu_item.url ``` ```Zoho menu_item.resource_id ``` ```Zoho menu_item.menu_external_id ``` ```Zoho menu_item.category_id ``` ```Zoho menu_item.resource_type ``` ```Zoho menu_item.sequence ``` ```Zoho menu_item.created_time ``` ```Zoho menu_item.parent_id ``` ```Zoho menu_item.page_type ``` ```Zoho menu_item.hidden ``` -------------------------------- ### Get Language List Source: https://documentation.zohosites.com/objects Returns a list of available languages for the website, typically as a list of Maps, each containing language details. ```Zoho page.language_list ``` -------------------------------- ### Get Logo URL Source: https://documentation.zohosites.com/objects Returns the URL of the website's logo. Essential for displaying branding elements. ```Zoho logo.url ``` -------------------------------- ### Get Blog Pagination URL Source: https://documentation.zohosites.com/objects Returns the URL used for blog pagination. This is crucial for building dynamic pagination links. ```Zoho page.blog_pagination_url ``` -------------------------------- ### Get Page Name Source: https://documentation.zohosites.com/objects Returns the name of the current page. Useful for display purposes or identifying the current page context. ```Zoho page.page_name ``` -------------------------------- ### ZohoSites Block Tag Syntax Source: https://documentation.zohosites.com/language Illustrates the syntax for defining blocks in ZohoSites templates, which act as placeholders for content that can be overridden by child templates. Includes the start and end block tags. ```ZohoSites Templating {% block block_name %} block_content {% endblock %} ``` -------------------------------- ### ZohoSites Child Template Example Source: https://documentation.zohosites.com/language Demonstrates a child template in ZohoSites that extends a base template. It overrides the 'title' and 'content' blocks, showcasing how to inherit and modify parent template sections. ```ZohoSites Templating {% extends "base" %} {% block title %}Index{% endblock %} This is ignored..! {% block content %}

Index Page

This is the Index Page

{% endblock %} ``` -------------------------------- ### Get Blog Page Number Source: https://documentation.zohosites.com/objects Returns the current page number for the blog. This is essential for implementing pagination in blog listings. ```Zoho page.blog_page_no ``` -------------------------------- ### Get After Body Scripts Source: https://documentation.zohosites.com/objects Returns any scripts that should be injected immediately after the closing tag. Useful for analytics or third-party integrations. ```Zoho page.after_body_scripts ``` -------------------------------- ### Get Previous Blog Page URL Source: https://documentation.zohosites.com/objects Returns the URL for the previous blog page. This is useful for creating direct links to preceding blog pages. ```Zoho page.blog_prev_page_url ``` -------------------------------- ### Get Next Blog Page Number Source: https://documentation.zohosites.com/objects Returns the page number for the next blog post. Used for navigating forward through blog content. ```Zoho page.blog_next_page ``` -------------------------------- ### Get Site Language Name Source: https://documentation.zohosites.com/objects Returns the display name of the current website language. Provides a user-friendly language identifier. ```Zoho page.language_name ``` -------------------------------- ### Get Blog Posts Per Page Source: https://documentation.zohosites.com/objects Returns the number of blog posts displayed on each page. This setting controls the density of blog content shown to users. ```Zoho page.blog_posts_per_page ``` -------------------------------- ### Template Configuration File (template.conf) Source: https://documentation.zohosites.com/template The template.conf file is written in JSON format and provides meta details about the template to the Zoho Sites system. It's used to configure the website based on the installed template, including details about the template author and face file inclusion. ```JSON { "templateName": "Your Template Name", "templateAuthor": "Your Name", "faceFiles": [ "_page.face", "_blog-list.face", "_blog-post.face", "_navigation.face", "_contacts.face", "_social-links.face", "_member-portal.face", "_theme.face" ], "layout": "default", "defaultBannerSlide": "slide1", "defaultSiteSettings": {} } ``` -------------------------------- ### Specify Template Version in Zoho Sites Source: https://documentation.zohosites.com/template This example shows how to define the version of your custom Zoho Sites template using the 'version' key. The version can be numeric or alphanumeric, allowing for clear version tracking. ```JSON "version": 1 "version": 1.1 "version": beta1.2 ``` -------------------------------- ### Get Previous Blog Page Number Source: https://documentation.zohosites.com/objects Returns the page number for the previous blog post. Used for navigating backward through blog content. ```Zoho page.blog_prev_page ``` -------------------------------- ### Get Menu Items Source: https://documentation.zohosites.com/objects Retrieves a list of menu items that constitute the website's navigation. This is the primary way to access menu structure. ```Zoho menu.menu_items ``` -------------------------------- ### Get Blog Post Count Source: https://documentation.zohosites.com/objects Returns the total number of blog posts available. This can be used for displaying counts or managing content. ```Zoho page.blog_post_count ``` -------------------------------- ### Get Commentbox Rating Source: https://documentation.zohosites.com/objects Returns the rating settings for the comment box, typically as a Map. This might include configuration for rating systems. ```Zoho page.commentbox_rating ``` -------------------------------- ### Get Blog Post Publishing Information Source: https://documentation.zohosites.com/objects Illustrates how to access publishing-related information for blog posts, such as their publish status, publish type, and scheduled or published times. This helps in managing and displaying post visibility. ```javascript /** * Gets blog post publishing information. * Example usage: * var publishStatus = blog_post.publish_status; * var publishType = blog_post.publish_type; * var publishedTime = blog_post.post_published_time; * var scheduledTime = blog_post.post_scheduled_time; */ ``` -------------------------------- ### Get Blog View Entity URL Source: https://documentation.zohosites.com/objects Returns the URL associated with the current blog view. This is useful for linking to specific blog categories, tags, or authors. ```Zoho page.blog_view_entity_url ``` -------------------------------- ### Get Template Variables Source: https://documentation.zohosites.com/objects Retrieves the default variables available for the current template in a Map format. These variables can be used for dynamic content rendering. ```Zoho page.template_vars ``` -------------------------------- ### Get Top Band Content Source: https://documentation.zohosites.com/objects Returns the content displayed in the top band of the website. This is often used for announcements or promotional messages. ```Zoho page.top_band_content ``` -------------------------------- ### Get Blog View Type Source: https://documentation.zohosites.com/objects Returns the current view type of the blog, such as 'page_view', 'category_view', etc. This helps in understanding the context of the displayed blog content. ```Zoho page.blog_view_type ``` -------------------------------- ### Iterate with 'for range' in Zoho Sites Source: https://documentation.zohosites.com/language Demonstrates using the 'range' function within a for loop in Zoho Sites templating language to iterate over a sequence of numbers. Supports specifying start, stop, and step values. ```Zoho Templating Language {% for variable_name in range( start, stop, step ) %} block {% endfor %} ``` ```Zoho Templating Language {% for i in range(1, 20) %} {{ i }} {% endfor %} {% for i in range(1, 20, 2) %} {{ i }} {% endfor %} ``` -------------------------------- ### Get Blog Feed URL Source: https://documentation.zohosites.com/objects Returns the URL for the blog's feed (e.g., RSS or Atom). This allows users to subscribe to blog updates. ```Zoho page.blog_feed_url ``` -------------------------------- ### Get Blog Page Count Source: https://documentation.zohosites.com/objects Returns the total number of pages for the blog. This is necessary for calculating the total number of pages in blog pagination. ```Zoho page.blog_page_count ``` -------------------------------- ### Get Portal Page Type Source: https://documentation.zohosites.com/objects Returns an integer representing the type of portal page. This can help differentiate between various portal views or functionalities. ```Zoho page.portal_page_type ``` -------------------------------- ### Get HTML Tag Attributes Source: https://documentation.zohosites.com/objects Returns a string of attributes to be applied to the main HTML tag. Useful for adding custom attributes like 'lang' or 'dir'. ```Zoho page.html_tag_attributes ``` -------------------------------- ### Get Site Language Source: https://documentation.zohosites.com/objects Returns the current language code of the website. Useful for internationalization and localization. ```Zoho page.language ``` -------------------------------- ### Partial View File (_member-portal.face) Source: https://documentation.zohosites.com/template The _member-portal.face file includes sign-up and sign-in links for the top bar, applicable to websites that require user registration. It centralizes user authentication access points. ```FACE
Sign Up | Login
``` -------------------------------- ### String, Object, and List Contains Operator Source: https://documentation.zohosites.com/language Illustrates the 'contains' operator for checking substrings within strings, keys within objects, and values within lists, with examples for each case. ```html // String value {% assign str="sairam"%} {% if str contains "sai" %} String contains the word {% endif %} //output: String contains the word // Object value {% assign obj={"name":{"first":"sai","last":"ram"}}%} {% if obj.name contains 'first' %} The first name is {{obj.name.first}} {% endif %} //output: The first name is sai ``` -------------------------------- ### Get Logo Height Source: https://documentation.zohosites.com/objects Returns the height of the website's logo. Useful for layout and responsive design. ```Zoho logo.height ``` -------------------------------- ### Get Logo Width Source: https://documentation.zohosites.com/objects Returns the width of the website's logo. Useful for layout and responsive design. ```Zoho logo.width ``` -------------------------------- ### Get Breadcrumb Name Source: https://documentation.zohosites.com/objects Returns the name of a breadcrumb item. This is the text displayed for a specific level in the navigation trail. ```Zoho breadcrumb.name ``` -------------------------------- ### Main View File (_blog-list.face) Source: https://documentation.zohosites.com/template The _blog-list.face file is responsible for displaying a list of all published blog posts. It includes essential information for each post such as the image, title, category, tags, and a brief description. ```FACE {{ include('_theme.face') }}

Blog Posts

{% for post in posts %}
{{ post.title }}

{{ post.title }}

Category: {{ post.category }}

Tags: {{ post.tags | join(', ') }}

{{ post.shortDescription }}

Read More
{% endfor %}
``` -------------------------------- ### Get Breadcrumb URL Source: https://documentation.zohosites.com/objects Returns the URL associated with a breadcrumb item. This allows users to navigate to that specific section of the site. ```Zoho breadcrumb.url ``` -------------------------------- ### Main View File (_blog-post.face) Source: https://documentation.zohosites.com/template The _blog-post.face file renders the detailed view of an individual blog post. It displays the post's images, title, full description, social sharing options, and a comment box. ```FACE {{ include('_theme.face') }}
{{ post.title }}

{{ post.title }}

Category: {{ post.category }}

Tags: {{ post.tags | join(', ') }}

{{ post.fullDescription }}
``` -------------------------------- ### Provide Author Email in Zoho Sites Template Configuration Source: https://documentation.zohosites.com/template This example shows how to provide the author's email address for your custom Zoho Sites template using the 'author_email' key. This is a mandatory field for contact and identification purposes. ```JSON "author_email": "author_email@author.com" ``` -------------------------------- ### Retrieve Blog Category Details Source: https://documentation.zohosites.com/objects Demonstrates how to fetch details for blog categories, including their resource ID, name, URL, and SEO information. This is useful for organizing and linking to blog posts by category. ```javascript /** * Retrieves blog category details. * Example usage: * var categoryId = blog_category.resource_id; * var categoryName = blog_category.category_name; * var categoryUrl = blog_category.category_url; */ ``` -------------------------------- ### Creating Objects in FACE Source: https://documentation.zohosites.com/language Illustrates the syntax for creating objects in FACE templates, which follow JSON notation with key-value pairs separated by commas and enclosed in curly braces. ```FACE {% assign Obj={key_1:value_1,...,key_n:value_n} %} ``` ```FACE {% assign Obj2={"a":"b","c":"d"} %} ``` -------------------------------- ### Define Unique Template ID in Zoho Sites Source: https://documentation.zohosites.com/template This example shows how to assign a unique identifier to your custom Zoho Sites template using the 'design_id' key in the template configuration. Using a unique ID ensures proper template management and prevents accidental overwrites. ```JSON Template1 --> "design_id":"template_id_1" Template2 --> "design_id":"template_id_2" . . . TemplateN --> "design_id":"template_id_N" ``` -------------------------------- ### Define and call a macro for input fields Source: https://documentation.zohosites.com/language Shows how to define a reusable macro to generate HTML input fields with specified type, name, and value, and then how to call this macro. ```Face {% macro defineField(name, value, type) %}
{% endmacro %} {{ field("username","sai","text")}} //output
``` -------------------------------- ### Creating Lists in FACE Source: https://documentation.zohosites.com/language Demonstrates how to create lists in FACE templates, which are collections of objects following JSON notation, separated by commas, and enclosed in square brackets. ```FACE {% assign Arr=[{key_1:value_1},..,{key_n:value_n}] %} ``` ```FACE {% assign Arr2=[{"a":"b"},{"c":[{"d":"e"}]}] %} ``` -------------------------------- ### Simple For Loop for List Iteration Source: https://documentation.zohosites.com/language Explains the 'for' loop for iterating over items in a list and performing actions sequentially. ```html For loops allow repeated actions to be performed on each item of a List in sequential order. ``` -------------------------------- ### Format String as URL Source: https://documentation.zohosites.com/language Formats a string as a clickable URL, optionally truncating its display length. It automatically adds the 'http://' prefix if missing. ```Liquid {% assign url = "sites.zoho.com" %} {{url | urlize}} {{url | urlize(5)}} //output sites.zoho.com sites... ``` -------------------------------- ### Conditional Logic with Site Properties Source: https://documentation.zohosites.com/language Demonstrates conditional rendering based on site properties like title, type, and status using if statements and logical operators (OR, AND). ```html {% if site.title == "Website" %} This is a Website {% endif %} {% if site.type == "Commercial" || site.type == "Entertainment" %} This site may be a Commercial or Entertainment website. {% endif %} {% if (site.type == "Entertainment" && site.title = "Music") && site.status == "free" %} This is a free music site {% endif %} ``` -------------------------------- ### Include another template file Source: https://documentation.zohosites.com/language Illustrates how to include the content of one template file ('user.face') into another ('main.face'), allowing for content reuse and organization. ```Face file : user.face {% assign name = "sai" %}

User template

file : main.face {% include 'user' %}

Main template

{{ name }} //output for main.face

User template

Main template

sai ``` -------------------------------- ### Handle empty lists with 'for else' in Zoho Sites Source: https://documentation.zohosites.com/language Shows how to use the 'forelse' block in Zoho Sites templating language to display content when a list is empty. This prevents errors and provides a fallback UI. ```Zoho Templating Language {% for variable in list %} block {% forelse %} block {% endfor %} ``` ```Zoho Templating Language {% contacts = [] %} ``` -------------------------------- ### Zoho Sites: Face File Object Structure Source: https://documentation.zohosites.com/objects Describes the structure of a 'page.face' object in Zoho Sites, specifying it as a map and listing associated elements like menu, page, language list, breadcrumb, logo, and various blog-related objects. ```Zoho Sites Name : page Type : Map Name : menu Type : Map ``` -------------------------------- ### Case Statement for Multiple Conditions Source: https://documentation.zohosites.com/language Demonstrates the 'case' statement for executing specific code blocks based on matching string values, including an optional 'else' block. ```html {% case switch_variable %} {% when String_1 %} block_1; {% when String_2 %} block_2; {% else %} block_3; {% endcase %} {% assign ingredient ="cream" %} {% case ingredient %} {% when "cream" %} {{ ingredient }} is good with cake. {% when "milk" %} {{ ingredient }} is good with cookies. {% else %} {{ ingredient }} is good with neither a cake nor a cookie {% endcase %} //output cream is good with cake ``` -------------------------------- ### Capture Tag for String Creation Source: https://documentation.zohosites.com/language Demonstrates how the 'capture' tag is used to capture output within tags and assign it to a variable, enabling the creation of complex strings. ```html {% capture my_variable %} block {% endcapture %} {% assign first_name = "Sai" %} {% assign last_name = "Ram" %} {% capture name %} {{ first_name }} {{ last_name }} {% endcapture %} My name is {{name}} //Output My name is Sai Ram ``` -------------------------------- ### Raw Tag for Literal Content Rendering Source: https://documentation.zohosites.com/language Illustrates the 'raw' tag, which ensures that any content between its opening and closing tags is rendered exactly as it appears. ```html {% raw %} block {% endraw %} {% assign first_name = "sai"%} {% assign second_name = "ram"%} {% raw %} {{ first_name }} {% endraw %} will output {{ first_name }} {% raw %} {{ second_name }} {% endraw %} will output {{ second_name }} //output {{ first_name }} will output sai {{ second_name }} will output ram ``` -------------------------------- ### Main View File (_page.face) Source: https://documentation.zohosites.com/template The _page.face file serves as the chief layout for every page created in Zoho Sites. It dictates the structure of each page and typically contains banner content and page content. This file is the entry point for rendering. ```FACE Page Title {{ include('_theme.face') }}
{{ include('_navigation.face') }}

Page Heading

Page content goes here...

``` -------------------------------- ### Get Page Type Name Source: https://documentation.zohosites.com/objects Returns the name of the current page's type. This can be useful for conditional logic or identifying page roles. ```Zoho page.type_name ``` -------------------------------- ### Access Blog Post Content and Metadata Source: https://documentation.zohosites.com/objects Shows how to retrieve the main content of a blog post, along with its associated category, tags, and social sharing options. This is crucial for rendering full blog posts and their related metadata. ```javascript /** * Accesses blog post content and metadata. * Example usage: * var postContent = blog_post.content; * var postCategory = blog_post.category; * var postTags = blog_post.tags; * var socialShareEnabled = blog_post.is_social_share_enabled; */ ``` -------------------------------- ### Looping through users with conditional logic Source: https://documentation.zohosites.com/language Demonstrates iterating over a list of users and applying conditional logic for the first and last items in the loop. Uses Face templating language. ```Face {% users = [ { "name":"Sai"}, { "name":"Gowri"}, { "name":"Suresh"} ]%} {% for user in users %} {{ loop.index}}. {{ user.name }} {% if loop.first %} first entry {% endif %} {% if loop.last %} last entry {% endif %} {% endfor %} //output 1. Sai first entry 2. Gowri 3. Suresh last entry ``` -------------------------------- ### Get Breadcrumb Level Source: https://documentation.zohosites.com/objects Returns the current level of the breadcrumb navigation. This helps in understanding the user's current location within the site hierarchy. ```Zoho page.breadcrumb_level ``` -------------------------------- ### Assigning Variables in FACE Source: https://documentation.zohosites.com/language Shows how to create and assign values to variables in FACE templates using the 'assign' tag. It covers assigning numerical values, strings, and demonstrates basic arithmetic operations. ```FACE {% assign variable_name = variable_value %} ``` ```FACE // Numerical value {% assign num = 4 %} {% assign num1 = 4+4 %} // String value {% assign str = "John Dane" %} ``` -------------------------------- ### Include Stylesheets in Zoho Sites Source: https://documentation.zohosites.com/template Includes specified CSS and SCSS files in every page of the website, including blog pages. ```JSON "stylesheets": [ "stylesheets/style1.css","stylesheets/style2.scss" ] ``` -------------------------------- ### ZohoSites Date Formatting Syntax Source: https://documentation.zohosites.com/language Demonstrates the syntax for formatting dates within ZohoSites templates using the dateFormat filter. It shows how to specify input and output formats for date transformations. ```ZohoSites Templating {{ variable | dateFormat(inputFormat,outputFormat) }} ``` -------------------------------- ### Partial View File (_navigation.face) Source: https://documentation.zohosites.com/template The _navigation.face file contains the navigation code for the website, including all menu sections. It is designed to be reused across multiple main view files like page.face, blog-list.face, and blog-post.face for modularity and easier maintenance. ```FACE ``` -------------------------------- ### Zoho Sites: Blog Post Object Structure Source: https://documentation.zohosites.com/objects Details the 'blog-post.face' object structure in Zoho Sites, including maps for page and blog post data, and lists for categories, tags, and authors associated with a blog post. ```Zoho Sites Name : page Type : Map Name : menu Type : map Name : blog_post Type : Map Name : blog_category Type : Map Name : blog_tags Type : List Name : blog_authors Type : List ``` -------------------------------- ### String manipulation with multiple filters Source: https://documentation.zohosites.com/language Demonstrates chaining multiple filters (lower, capitalize, append) to format a string variable. The output of one filter becomes the input for the next. ```Face {% assign name = "SAI" %} {{ name | lower | capitalize | append(" is my name")}} //output Sai is my name ``` -------------------------------- ### Access Author Information Source: https://documentation.zohosites.com/objects Demonstrates how to access core author details like their ID, name, and URL. This is fundamental for displaying author profiles associated with blog posts. ```javascript /** * Accesses author information. * Example usage: * var authorId = author.author_id; * var authorName = author.author_name; * var authorUrl = author.author_url; */ ``` -------------------------------- ### Configure Preview Images in Zoho Sites Source: https://documentation.zohosites.com/template Sets the preview image for a template in Zoho Sites. This key is mandatory for template previews. ```JSON "preview_images": [ "images/preview.png" ] ``` -------------------------------- ### Use 'cycle' within loops in Zoho Sites Source: https://documentation.zohosites.com/language Demonstrates the 'cycle' function in Zoho Sites templating language, which alternates between a set of strings for each loop iteration. Useful for styling list items. ```Zoho Templating Language {% assign links = [ {"url":"xyz1","text":"Link 1"}, {"url":"xyz2","text":"Link 2"}, {"url":"xyz3","text":"Link 3"}, {"url":"xyz4","text":"Link 4"}, {"url":"xyz5","text":"Link 5"} ] %} {% for link in links %}
  • {% cycle "odd,even" %} url="/{{ link.url }}" text={{ link.text }}
    • {% endfor %} ``` -------------------------------- ### Convert Object/List to JSON String using toJSONString Source: https://documentation.zohosites.com/language The `toJSONString` filter displays a List or Object in JSON format. Note: The example provided uses the `json` filter, which is functionally equivalent. ```Zoho Templating Language {% assign obj = {"a":"b","c":"d"} %} {{ obj | json }} ``` -------------------------------- ### Partial View File (_theme.face) Source: https://documentation.zohosites.com/template The _theme.face file is extended by every main view file and contains the fundamental HTML markup for the head and body sections. It typically includes the header and footer elements, serving as a base structure for all pages. ```FACE {{ pageTitle }}
    {{ include('_navigation.face') }} {{ include('_member-portal.face') }}
    {{ content }}
    ``` -------------------------------- ### Zoho Sites: Blog List Object Structure Source: https://documentation.zohosites.com/objects Defines the structure of the 'blog-list.face' object in Zoho Sites, indicating the presence of page and menu maps, along with lists for blog posts, categories, tags, and authors. ```Zoho Sites Name : page Type : Map Name : menu Type : Map Name : blog_posts Type : List Name : blog_categories Type : List Name : blog_tags Type : List Name : blog_authors Type : List ``` -------------------------------- ### Batch List with fill parameter using batch Source: https://documentation.zohosites.com/language The `batch` filter fills a List up to a specified number of items, using a provided fill parameter for any new items added. ```Zoho Templating Language {% assign list_var=[{"a":"b"},{"c":"d"},{"e":"f"} %} {{ list_var | batch(5,"test") }} ``` -------------------------------- ### Render Menu Item Link and Target in HTML Source: https://documentation.zohosites.com/template This HTML snippet, embedded within Face Language, demonstrates how to construct an anchor tag for a menu item. It dynamically sets the 'href' attribute using the menu item's URL and the 'target' attribute based on whether the item should open in a new tab. ```HTML ``` -------------------------------- ### Define Layouts with Scripts and Styles in Zoho Sites Source: https://documentation.zohosites.com/template Specifies CSS and JavaScript files to be included for specific page layouts. Allows associating different assets with different template structures. ```JSON "layouts": [ { "name": "page.face", "stylesheets": [ "stylesheets/style.css" ], "javascripts": [ "js/script.js" ] }, { "name": "blog-list.face", "stylesheets": [ "stylesheets/blog-style.css" ], "javascripts": [ "js/blog-script.js" ] } ] ``` -------------------------------- ### Include JavaScripts in Zoho Sites Source: https://documentation.zohosites.com/template Includes specified JavaScript files in every page of the website, including blog pages. ```JSON "javascripts": [ "js/script1.js","js/script2.js" ] ``` -------------------------------- ### Prepend a substring to a string Source: https://documentation.zohosites.com/language Shows the 'prepend' filter, used to add a specified substring to the beginning of a main string. ```Face {% name = "Gowri " %} {{ "Pradeep" | prepend(name) }} //output Gowri Pradeep ``` -------------------------------- ### Currency Formatting Zoho Sites Filter Source: https://documentation.zohosites.com/language Formats a given value as currency with specified attributes like symbol, format, and placement using the `currency` filter. It supports various options for displaying currency details. ```html {% assign currency = {} %} {% assign currency.code="USD" %} {% assign currency.symbol="$" %} {% assign currency.format="##,##,##0.00" %} {% assign currency.symbol_on_left=true %} {% assign currency.code_on_left=true %} {% assign value=123564.56%} {{ value | currency(currency, "with_symbol", "with_code", "with_decimal_separator", "with_integer_part", "with_fractional_part") }} ``` -------------------------------- ### Access loop variables in Zoho Sites Source: https://documentation.zohosites.com/language Provides an overview of available loop variables in Zoho Sites templating language, such as index, rindex, first, last, and length, which can be accessed within a loop. -------------------------------- ### Iterate through a list in Zoho Sites Source: https://documentation.zohosites.com/language Demonstrates how to iterate through a list of items using a for loop in Zoho Sites templating language. It accesses properties of each item in the list. ```Zoho Templating Language {% for variable in list %} {{ variable.key_1 }} {{ variable.key_2 }} ... {{ variable.key_3 }} {% endfor %} ``` ```Zoho Templating Language {%} contacts = [{ "f_name": "Sai", "m_name": "Ram", "l_name": "G" }, {"f_name": "Gowri", "m_name": "", "l_name": "Pradeep" },{"f_name": "Suresh", "m_name": "Babu", "l_name": "MD" }] {% endfor %} ``` -------------------------------- ### Render Navigation Menu in FACE Template Source: https://documentation.zohosites.com/template Demonstrates how to include and render the navigation menu structure within a FACE template. The 'navi' macro is used to display the menu content. ```FACE
    {{navi(menu)}}
    ``` -------------------------------- ### Partial View File (_social-links.face) Source: https://documentation.zohosites.com/template The _social-links.face file contains the social media icons typically displayed in the top bar of the website. This allows for easy management and consistent display of social media links across all pages. ```FACE
    ```