Timely Calendar Pages Documentation
Introduction
This Package includes a collection of two different Calendar Page templates. The Package contains entire page templates that can be browsed from the Navigation / Menu Bar above. The page templates make use of a Column Content Section, and the Zen Banner Section to create an attractive layout. All templates utlize the site's header and footer, and defined color variables. This should result in a seamless integration with any Bootstrap enabled site. Have a look at the demo. The details are shown below.
Type # 1 (Cards Format)
Template Heading
Page: Timely Calendar Page (Cards Type)
The page template (calendar_page_1.liquid) makes use of the corresponding partial template and outputs a complete page. The page includes the default Header / Footer (_header.liquid and _footer.liquid) and utilizes bootstrap classes, which mean that all set variables are automatically set (allowing seamless integration). The Page Template also uses the Zen Banner to make up the entire page. If you require the page to be in a consistent format with other pages in your site, you might need to use the partial template in order to better integrate the template.
In order to use the template, you must select it as the page template in Article Settings. When creating a page, use the following steps:
Click on the Plus Icon in the top left of the CMS. Then select Timely Calendar Page (Cards Type). Then you can make any neccessary settings / customizations.
Partial: Calendar Section - Cards (Partial)
The partial template (_calendar_section_1.liquid) outputs the main content area (the cards containing the calendar entries) of type # 1. It can be included with a single line and has various fields that can be set by the editor to customize the look of the section.
It takes an input "events" which is a list containing all calendar entries to be displayed.
Show Full
{%- include "/marketpath/timely-calendar-pages/partials/_calendar_section_1.liquid" -%}Type # 2 (Rows Format)
Template Heading
Page: Timely Calendar Page (Rows Type)
The page template (calendar_page_2.liquid) makes use of the corresponding partial template and outputs a complete page. The page includes the default Header / Footer (_header.liquid and _footer.liquid) and utilizes bootstrap classes, which mean that all set variables are automatically set (allowing seamless integration). The Page Template also uses the Zen Banner to make up the entire page. If you require the page to be in a consistent format with other pages in your site, you might need to use the partial template in order to better integrate the template.
In order to use the template, you must select it as the page template in Article Settings. When creating a page, use the following steps:
Click on the Plus Icon in the top left of the CMS. Then select Timely Calendar Page (Rows Type). Then you can make any neccessary settings / customizations.
Partial: Calendar Section - Rows (Partial)
The partial template (_calendar_section_2.liquid) outputs the main content area (the rows containing the calendar entries) of type # 2. It can be included with a single line and has various fields that can be set by the editor to customize the look of the section.
It takes an input "events" which is a list containing all calendar entries to be displayed.
Show Full
{%- include "/marketpath/timely-calendar-pages/partials/_calendar_section_2.liquid" -%}Calendar Entry Page
Template Heading
Page: Timely Calendar Entry Page
The page template (calendar_entry_page.liquid) makes use of the corresponding partial template and outputs a complete page of Calendar Entry. The page includes the default Header / Footer (_header.liquid and _footer.liquid) and utilizes bootstrap classes, which mean that all set variables are automatically set (allowing seamless integration). The Page Template also uses the Zen Banner to make up the entire page. If you require the page to be in a consistent format with other pages in your site, you might need to use the partial template in order to better integrate the template.
In order to use the template, you must select it as the page template in Article Settings.