Category Archives: Frontend

General info – Template views

 

Default template - Event list Elegant design (Featured event + 3 normal events)
Chronosly Event list view

 

Chronosly has 15 different views for your events and calendar and the look and feel depends on the type of template (different designs available on template marketplacehas been applied.

The most important and indispensable 3 views are All events list view, Single event view and Calendar view.

There are 5 Main Chronosly views:

 

 

There are the 15 views grouped according to Main Chronosly views:

Events views
All events list view (Main view)
Single event view (Main view)
Category events list view
Organizer events list view
Place events list view

Featured event vs Normal event in Event list
Featured vs Normal event in Event list

 

Single event view fully detailed
Single event view fully detailed

 

 

 

Calendar views
Calendar view (Main view)
Calendar year (Non-editable in Template Editor)
Calendar month (Non-editable in Template Editor)
Calendar week (Non-editable in Template Editor)

 

Calendar month view
Calendar month view

 

Calendar year view
Calendar year view (3 months row)

 

Calendar week view
Calendar week view

 

 

 

 

Categories views
All categories list view
Single category view

Categories list filter parameters
Categories list filter parameters

 

 

Organizers views
All organizers list view
Single organizer view

Chronosly - Organizer view - All Ogranizers list view
All Ogranizers list view

 

Chronosly - Single organizer view
Single organizer view fully detailed

 

Places views
All places list view
Single place view

Chronosly - Place view - All Places list view
All Places view list

 

Chronosly - Single Place view
Chronosly - Single Place view fully detailed

 

 

 

 

Event views

AVAILABLE EVENT VIEWS

The Events can appear in five different views, two of which are indispensable for users, All events list view and Single event view.

As displayed in the web depends on the template has been applied. (Default template is used as example n the following examples Default template version is displayed.

TEMPLATES MARKETPLACE: Buy additional templates from a wide selection, that may match better your project needs (colour, style, ticketing, etc).

BUY TEMPLATES

 

All events list view

This view allows you to see all events that have been created for all categories, organizers and places.

Chronosly - Event list view (1 Featured and 3 normal events)
Event list view w. Featured and different categories (Default template)

VIEW LIVE DEMO

 

Unfolded event (All event list view)

Depending on the template, events unfold to show in more detail within the same All event list view.

Chronosly - Event view - Unfolded All events list view
Unfolded All events list view (Default template)

 

Featured events

To this view, if there are Featured events will be shown as well, in this case there is the option to always show on Top enabled.

Chronosly - Featured event in All events list view (On Top)
Featured event on Top (optional) in All events list view (Default template)

 

 

Single event view

In the example you can compare how you would see a single event and a Featured single event. Both used an a example template that displays information about tickets, google maps, social networking share and featured image.

Chronosly - Single event vs Featured single event view
Single event vs Featured single event view both with useful extra information

 

Other useful Chronosly views

In addition, three other types of secondary views:

Category events list view

Displays the list of events associated with a category. This view would be very similar to All event list but only one category.

 

Organizer events list view

Displays the list of events associated with an orzanizer. This view would be very similar to All event list but only one organizer.

 

Place events list view

Displays the list of events associated with a place. This view would be very similar to All event list but only one place.

 

 

Calendar views

AVAILABLE CALENDAR VIEWS

Within the Calendar views are four different views:

  • Calendar view (Main view)
  • Calendar year
  • Calendar month
  • Calendar week

 

Calendar view

How is shown an event in the calendar by year, month or week. That is, the personalisation of an event regardless of the view is shown the event in question.

This view, along with the Event views: All events view and Single event list view are the most important and relevant.

Events are displayed within the calendar depending on the template has been applied. It is fully customizable, but only through the PRO (Advanced) profile.

This view allows an overview of all months in a year, very helpful to know the days that has events.

Here's a sample with the Default template design:

Ticketing template Calendar year view

VIEW LIVE DEMO

 

The other views are calendar year, month and week. Those are not customizable from any user profile (Basic or Advanced):

 

Calendar year view

Basically is the same as the Calendar view.
See the annual calendar at a glance. This view is not customizable.

Calendar year view
Calendar year view

 

 

Calendar month view

See the monthly calendar at a glance. This view is not customizable.

Calendar month view
Calendar month view

 

 

Calendar week view

See the weekly calendar at a glance. This view is not customizable.

Ticketing template Calendar week view (Event details)
Calendar week view (Event details)

 

 

Category views

AVAILABLE CATEGORY VIEWS

Categories are a helpful way to group related events together, and to quickly tell audience what a event is about. Categories also make it easier for people to find your content.

Category views may be taken as secondary views. There are two views, All categories list view and Single category view.

 

All categories list view

Displays a list of all categories within each of them can see the events they contain.

Chronosly - Category view - All categories list view
All categories list view with a featured event

VIEW LIVE DEMO

 

 

Single category view

Displays the details of a specific category, description, images and related events.

Chronosly - Category view - Single category view
Single category view with an unfolded event

 

 

Organizers views

AVAILABLE ORGANIZERS VIEWS

Organizers are profiles of the participants that are involved in your events e.g persons, universities, companies , corporations. Most commonly, organizers are participants profiles that will be keynote speakers in the events but also can be clubs, teams or a long etcetera.

Organizer views may be taken as secondary views. There are two views, All organizers list view and Single organizer view.

 

All organizers list view

Displays a list of all organizers within each of them can see the events they contain.

Chronosly - Organizer view - All Ogranizers list view
All Ogranizers list view

VIEW LIVE DEMO

 

Single organizer view

Displays the details of a specific organizer, description, images and related events.

Chronosly - Single organizer view
Single organizer view fully detailed

 

chronosly-tips-logo HOW TO INCLUDE ORGANIZERS TO EVENTS

 

Places views

AVAILABLE PLACE VIEWS

Place, where something happens, where any event is held esp. an organized event such as a concert, meeting, speech, match.

Place views may be taken as secondary views. There are two views, All places list view and Single place view.

 

All places list view

Displays a list of all places within each of them can see the events they contain.

Ticketing template - Places list view (1 Featured - 2 normail places)
Places list view

VIEW LIVE DEMO

Single place view

Displays the details of a specific place, description, images and related events.

Chronosly - Single Place view
Chronosly - Single Place view fully detailed

 

chronosly-tips-logo HOW TO INCLUDE PLACES TO EVENTS

 

 

Theme incompatibilities

SOLVE THEME INCOMPATIBILITIES

As everybody knows, WordPress have thousands of different themes, and all them work in a different way.

Chronosly fits in the vast majority of WordPress themes. Nevertheless, some of them may cause some issues and misfunctions.

In order to deal with this recurrent comment generator (since Chronosly v1.5) we found a solution to this problem by  using two different  approaches:

1- FAST, no programming needed.

2- ADVANCED, for developers or users with programming skills.


Each one is explained in detail in the following section:

 

1- FAST, NO PROGRAMMING NEEDED

Basically, we created an option in Chronosly settings that solves this issue. There is a button that automatically generates a "theme structure".

This "theme structure" creates new page:

/events-base/

and inserts the Chronosly shortcodes absolutely adapted to client theme. This new page uses client template with theme based in client pages.php.

So, with this new option, you only need to click "Create Base" button and new page will be created with your theme and design already applied.

You can find it in Chronosly > Settings > Themes

Chronosly - Menu settings

 

You just need to click on the "Create Base" button to solve the problem.

Chronosly - How to solve theme incompatibilities
Solve theme concerns creating a page with Chronosly base shortcode

 


 

2- ADVANCED, FOR DEVELOPERS OR USERS WITH PROGRAMMING SKILLS

This other approach is tricky, but also more "clean" from a developer point of view.

You can add the theme files in each template views that are located in /templates/ folder.

Chronosly has 9 template views to be precise, but you can only overwrite those files that you want and apply headers, sidebars, html that your theme has in particular.

 

Note : If  9 theme files are the same for all, you only need to add a chronosly.php file with theme layout you want to apply.

Tip: With Chronosly you can layout each theme pages differently adding sidebars, titles and whatever you want.

 

If you want to edit those views we only need the view name,  this way we can create our own template php file in our active theme directory.

  • archive-chronosly.php for main event list view
  • single-chronosly.php for single event view
  • calendar-chronosly.php for calendar view
  • archive-category-chronosly.php for category list view
  • single-category-chronosly.php for single category view
  • archive-organizer-chronosly.php for organizers list view
  • single-organizer-chronosly.php for single organizer view
  • archive-places-chronosly.php for places list view
  • single-places-chronosly.php for single place view

 

All those files must contain one of yours theme template structure without the loop process and changed for the following source code:

<?php echo do_shortcode("[chronoslybase]"); ?>

 

With this code Chronosly will know which content must be inserted depending on your settings.

Shortcodes can also be used, e.g., shortcode [chronosly] with filter parameters that you wish. There is a downside, because Chronosly base will be filtered by the parameter you have used with the shortcode. If you want a non filtered content, we suggest to create a new page with the same shortcode without filters.

So, this ADVANCED approach is quite much more "powerful". And for future theme modifications you just need to adapt those Chronosly pages that you added.

 

 

Widgets

 

Chronosly widgets - Event list viewChronosly widgets - Calendar Month view

 

Widgets are very useful to add content and features to your Sidebars.

 

Chronosly let you highlight some information through sidebar widgets, here is an example with an event list view.

Further examples are available in Chronosly Widget Demo page

Website's sidebar with Chronosly widgets (Event list + Month calendar)

 

 

You can add Chronosly widgets in your sidebar by going to Appearence menu sidebar:

Appearance > Widgets

Chronosly - How to insert sidebar widgets

 

Chronosly has a wide range widgets like event lists view, organizers view, places view, and calendar like month and week view.

 

  1. Drag & drop your widget to choosen Sidebar area.
  2. Custom your widget as wished

 

chronosly-warning-logo-lq Important! Event list and calendar widgets' date range is required.

Fill in "current" for current year, month, week or day (see screenshot below)

Find further information in How to display events in List and Calendars - FAQ.

 

Chronosly - How to set up sidebar widgets
Widgets set up page and with some Chronosly widgets applied

 

 

chronosly-info-logo

For futher information how to set up widgets we recomend to visit WordPress oficial widget section

 

Shortcodes

CHRONOSLY SHORTCODES

WordPress shortcodes are defined as a simple set of functions for creating macro codes to be used in post content.

It enables plugin developers to create special kinds of content (e.g. forms, content generators) that users can attach to certain pages by adding the corresponding shortcode into the page text.

Chronosly shortcode works using this code:

[chronosly param1="value1" param2="value2"]

 

Check shortcode most common mistakes  chronosly-warning-logo-lq

as many params as you want from this list.

'type' => 'calendar', //type: allowed calendar, event, organizer, place, category
'upcoming' => 0, //upcoming: set days period for upcoming events.
 "year" => date("Y"), //year: for filtering event list or show calendar year, format Y
 "month" => 0, //month: for filtering event list or show calendar month, format m
 "week" => 0, //week: for filtering event list or show calendar week, format W
 "day" => 0, //day: for filtering event, format Y-m-d
 'id' => 0, //id: for individual reference of elements, coma separated. if type is category the id is the category name not tag_id.
 'author' => 0, //filtered by author id
 'exclude' => 0, //id of excluded elements, coma separated
 'single' => 0,  //set if we want to show the single or archive view, not allowed on calendar view.
 'count' => 10, //number of results
 'navigation' => 0, //set to show navigation on top
 'pagination' => 0, //set to show pagination on bottom
 'category' => 0, //filter by specific categories,coma separated 
 'organizer' => 0, //filter by specific organizers, coma separated
 'place' => 0, //filter by specific places, coma separated.
 'small' => 0, //set 1 if your width is smaller than 450px like sidebar.
 'template' => 'default', //set template name.
 'featured' => yes/no //set to show only featured events or just normal.

 

Shortcodes details and examples for each available section can be found below:

 

 

 

 

EVENTS

There are 2 different views to show Chronosly events:

  1. Event list view (can include featured and normal events)
  2. Single event view (landing page for an event)

1. Event list view you cant use this shortcode

[chronosly type="event"]

Chronosly - Event list view (1 Featured and 3 normal events)

 

This Event List Shortcode can use the following PARAMETERS. Note: if any parameter is included within the shortocode, event list will be shown following Chronosly settings configurations.

'upcoming' => 0, //upcoming: set days period for upcoming evediv.
"year" => date("Y"), //year: for filtering event list or show calendar year, format Y
"month" => 0, //month: for filtering event list or show calendar month, format m
"week" => 0, //week: for filtering event list or show calendar week, format W
"day" => 0, //day: for filtering event, format Y-m-d
'id' => 0, //id: for individual reference of elements, coma separated. if type is category the id is the category name not tag_id.
'exclude' => 0, //id of excluded elements, coma separated
'count' => 10, //number of results
'navigation' => 0, //set to show navigation header
'category' => 0, //filter by specific categories,coma separated
'organizer' => 0, //filter by specific organizers, coma separated
'place' => 0, //filter by specific places, coma separated
'small' => 0, //set 1 if your width is smaller than 400px like sidebar
'featured' => yes/no //set to show only featured events or just normal

Here are some examples for the most used event list shortcodes parameters:

Note: The following parameter examples can be combined with each other. Is important to combine them with sense

- Show an UPCOMING DAYS EVENT LIST start from today. 10 upcoming days event list (upcoming days can be any positive number)

[chronosly type="event" upcoming="10"]

 

- Show event list from A PARTICULAR MONTH. Event list for August (just set month number)

[chronosly type="event" month="8"]

 

- Show event list from A PARTICULAR DAY. Event list for November 21th 2014 (just set day number as your settings format)

[chronosly type="event" day="2014-11-21"]

 

There are other parameters for day, week, month and year that allows you to show upcoming or past events.

 

- Show event list from TODAY, THIS WEEK, MONTH OR YEAR. (Default event order is descending: from earliest to latest) Event list for today

[chronosly type="event" day="current"]

 

Event list for this week

[chronosly type="event" week="current"]

 

- Show event list from YESTERDAY, LAST WEEK, MONTH OR YEAR. (Default event order is descending: from earliest to latest) Event list for yesterday

[chronosly type="event" day="past"]

 

Event list for last month

[chronosly type="event" month="past"]

 

Event list for all past events

[chronosly type="event" upcoming="past"]

 

- Show event list FILTERED BY CATEGORIES.

  • use category tag_id to set categories
  • separate different categories by commas

(Default event order is descending: from earliest to latest)

Event list for categories 1, 4 and 7.

[chronosly type="event" category="1,4,7"]

 

- Show event list FILTERED BY ORGANIZERS.

  • use organizer tag_id to set organizers
  • separate different organizers by commas

(Default event order is descending: from earliest to latest) Event list for organizers 1 and 3

[chronosly type="event" organizer="1,3"]

 

- Show event list FILTERED BY PLACES.

  • use place tag_id to set places
  • separate different places by commas

(Default event order is descending: from earliest to latest) Event list for places 2 and 3

[chronosly type="event" place="2,3"]

 

SHOW SPECIFIC EVENTS.

  • use event tag_id to set events
  • separate different events by commas

 

Event list for events 3, 7 and 24

[chronosly type="event" id="3,7,24"]

 

- EXCLUDE SPECIFIC EVENTS.

  • use event tag_id to set events
  • separate different events by commas

Event list for ALL events except events 3, 7 and 24

[chronosly type="event" exclude="3,7,24"]

 

PARAMETERS THAT ONLY AFFECT PAGE AND EVENT STYLE

- SHOW CALENDAR AND TITLE NAVIGATION

Title calendar navigation links

 

  • navigation parameter is always "1"

Event list with top navigation linked to Title and Calendar

[chronosly type="event" navigation="1"]

 

 

SHOW PAGINATION

Chronosly shortcode pagination

 

  • pagination parameter is always "1"

 

Event list with pagination (previous - next event list page)

[chronosly type="event" pagination="1"]

 

 

SHOW EVENTS FOR NARROW PAGES (WIDTH UNDER 400px)

  • small parameter is always "1"

 

Event list adapted to narrow pages

[chronosly type="event" small="1"]

 

 

SHOW ONLY FEATURED/NORMAL EVENTS

  • featured parameter is "yes" only display Featured events
  • featured parameter is "no" only display Normal events

 

Event list with only Featured events

[chronosly type="event" featured="yes"]

 

Event list with only Normal events

[chronosly type="event" featured="no"]

 

 

 

2. SINGLE EVENT PAGESHOW SINGLE EVENT PAGE FOR A SPECIFIC EVENT

Single event view fully detailed
Single event view fully detailed

 

  • single parameter is always "1"
  • only insert one event tag_id per shortcode

 

Single event page for event 24

[chronosly type="event" single="1" id="24"]

Go to Shortcodes menu

 


ORGANIZERS

There are 2 different views to show Chronosly organizers:

  1. Organizer list view (can include featured and normal organizers)
  2. Single organizer view (landing page for an organizer)

 

1. Organizer list view you cant use this shortcode

[chronosly type="organizer"]

 

Chronosly - Organizer view - All Ogranizers list view
All Ogranizers list view

 

 

- SHOW SPECIFIC ORGANIZERS.

  • use organizer tag_id to set organizers
  • separate different organizers by commas

 

Organizer list for Organizers 1, 3 and 4

[chronosly type="organizer" id="1,3,4"]

 

EXCLUDE SPECIFIC ORGANIZERS.

  • use organizer tag_id to set organizers
  • separate different organizers by commas

 

Organizer list excluding Organizers 1, 3 and 4

[chronosly type="organizer" exclude="1,3,4"]

 

2. SINGLE ORGANIZER PAGE

SHOW SINGLE ORGANIZER PAGE FOR A SPECIFIC ORGANIZER

Chronosly - Single organizer view
Single organizer view fully detailed

 

 

  • single parameter is always "1"
  • only insert one organizer tag_id per shortcode

Single organizer page for Organizer 3

[chronosly type="organizer" single="1" id="3"]

 

PARAMETERS THAT ONLY AFFECT PAGE AND ORGANIZER STYLE

SHOW CALENDAR AND TITLE NAVIGATION

  • navigation parameter is always "1"

 

Organizer list with top navigation linked to Title and Calendar

[chronosly type="organizer" navigation="1"]

 

SHOW ORGANIZERS FOR NARROW PAGES (WIDTH UNDER 400px)

  • small parameter is always "1"

 

Organizers list adapted to narrow pages

[chronosly type="organizer" small="1"]

 

Go to Shortcodes menu

 

 

 

PLACES

There are 2 different views to show Chronosly places:

  1. Places list view (can include featured and normal places)
  2. Single place view (landing page for an place)

 

 

1. Place list view you cant use this shortcode

[chronosly type="place"]

 

Chronosly - Place view - All Places list view
All Places view list

 

SHOW SPECIFIC PLACES.

  • use place tag_id to set places
  • separate different places by commas

 

Places list for Places 1, 3 and 4

[chronosly type="place" id="1,3,4"]

 

EXCLUDE SPECIFIC PLACES.

  • use place tag_id id to set places
  • separate different places by commas

 

Places list excluding Places 1, 3 and 4

[chronosly type="place" exclude="1,3,4"]

 

 

2. SINGLE PLACE PAGE

SHOW SINGLE PLACE PAGE FOR A SPECIFIC PLACE

Chronosly - Single Place view
Chronosly - Single Place view fully detailed

 

  • single parameter is always "1"
  • only insert one place tag_id per shortcode

 

Single place page for Place 3

[chronosly type="place" single="1" id="3"]

PARAMETERS THAT ONLY AFFECT PAGE AND PLACE STYLE

SHOW CALENDAR AND TITLE NAVIGATION

  • navigation parameter is always "1"

 

Place list with top navigation linked to Title and Calendar

[chronosly type="place" navigation="1"]

 

SHOW PLACES FOR NARROW PAGES (WIDTH UNDER 400px)

  • small parameter is always "1"

 

Places list adapted to narrow pages

[chronosly type="place" small="1"]

 

Go to Shortcodes menu

 

 

 

 

 

CATEGORIES

 

There are 2 different views to show Chronosly catrgories:

  1. Category list view (all categories and 3 events per category)
  2. Single category view  (all events from one category)

 

1.Category list view you cant use this shortcode

[chronosly type="category"]

 

Chronosly - Category view - All categories list view

 

 

- SHOW SPECIFIC CATEGORY.

  • use  category_id to set category
  • separate different categories by commas

 

Category list for Categories 1, 3 and 4

[chronosly type="category" category="1,3,4"]

 

 

2. SINGLE CATEGORY PAGE

SHOW SINGLE CATEGORY PAGE FOR A SPECIFIC CATEGORY

Chronosly single category shortcode

  • single parameter is always "1"
  • only insert one category per shortcode

Single category page for Category 3

[chronosly type="category" single="1" id="3"]

 

PARAMETERS THAT ONLY AFFECT PAGE AND CATEGORY STYLE

SHOW CALENDAR AND TITLE NAVIGATION

  • navigation parameter is always "1"

 

Category list with top navigation linked to Title and Calendar

[chronosly type="category" navigation="1"]

 

SHOW CATEGORIES FOR NARROW PAGES (WIDTH UNDER 400px)

  • small parameter is always "1"

 

Organizers list adapted to narrow pages

[chronosly type="category" small="1"]

 

Go to Shortcodes menu

 

 

 

 

CALENDARS

There are 3 different views to show Chronosly calendars:

  1. Calendar Year view
  2. Calendar Month view
  3. Calendar Week view

Remember, if year, month, week is specified the calendar stays fixed for the specification.

 

If you want to show always the current year,month, week , use current on the parameter value.

 

1 - CALENDAR YEAR VIEW 

Calendar year view

 

  • year parameter uses year set in number or current for current year

 

Calendar year view for 2014

[chronosly type="calendar" year="2014"]

 

Calendar year view for current year

[chronosly type="calendar" year="current"]

 

2- CALENDAR MONTH VIEW 

Chronosly Grid template month view event density

 

  • month parameter uses month number or current for current month

 

Calendar month view for August

[chronosly type="calendar" month="8"]

 

Calendar month view for current month

[chronosly type="calendar" month="current"]

 

3- CALENDAR WEEK VIEW

Chronosly Grid template week view event density

 

  • week parameter uses week number or current for current week

 

Calendar week view for week 39

[chronosly type="calendar" week="39"]

 

Calendar week view for current week

[chronosly type="calendar" week="current"]

 

Using the above shortcodes examples, with "year", "month" and "week", you can combine  with other parameters used in sections for Events, Organizers and Places For example, you can filter by some specific events, organizers or places

 

SHOW CALENDAR FILTERED BY DIFFERENT PARAMETERS

 

Calendar year view for 2014 and only shows events 1, 6 and 194

[chronosly type="calendar" year="2014" event="1,6,194"]

 

 

Calendar year view for 2014 and only shows events for organizers 1 and 3

[chronosly type="calendar" year="2014" organizer="1,3"]

 

 

Calendar month view for August and only shows events for places 1 and 3

[chronosly type="calendar" month="8" place="1,3"]

 

 

Calendar week view for 55th week and exclude events 1 and 3

[chronosly type="calendar" week="55" exclude="1,3"]

 

Go to Shortcodes menu

 

 

 

TEMPLATES

From Chronosly update 2.0 template shortcode was launched.

Use this basic Template shortcode to set different templates in different pages.

 

For events:

[chronosly type="event" template="your_template_name"]

 

Remember, set your_template_name as is shown in Chronosly. You can easily find your template names going to Templates status section:

Chronosly > Templates status

 

Template status - Chronosly settings

 

NOTE: The following parameter examples can be combined with each other, for example for organizers, places, calendar etc... Is important to combine them with sense

For organizers:

[chronosly type="organizer" template="your_template_name"]

 

For Default template:

[chronosly type="event" template="default"]

 

Grid template:

[chronosly type="event" template="grid"]

 

or if you have cloned a template and saved as my_cloned_template:

[chronosly type="event" template="my_cloned_template"]

 

 

Go to Shortcodes menu

 

 

 

Shortcodes – common mistakes

Chronosly shortcodes

If you need to insert (embed) your event list, calendar, and other Chronosly elements you can use Chronosly shortcodes.

There are shortcodes available for all Chronosly elements with the exception Categories (at the moment not available):

 

chronosly-warning-logo-lq

Shortcodes - Most common mistakes

There are some common mistakes that you should avoid when inserting shortcodes into your pages. First is related with quotation marks ", and second with date range.

 

 

1. QUOTATION MARKS

WordPress only accept programming quotation marks.
Be careful to insert programming quotation marks instead of formatted:

Shortcodes quotation marks warning

 

 

2. DON'T USE HTML CODE IN SHORTCODES

Is quite common that if you copy paste shortcode from FAQ, sometimes WordPress also copy html code that shouldn't be inserted in your page.

You should insert just plain text, if not, html code would be also included. This example below shows a shortcode that include html tags <pre> and </pre>:

<pre>[chronosly type="event"]</pre>

 

How to check if shortcode include html code

To check if shortcode is correctly inserted just shift your page setup display from "Visual" to "Text" and it shouldn't include html tags e.g. <pre> <em> <strong>

 

After copying a shortcode for Chronosly Shortcode page:

Chronosly Shortcode page copying and pasting

 

In "Visual" view (top right corner), if shortcode is pasted during page set up, it could seem it's correct, but html tags are hidden:

Shortcode with hidden html tags

 

In "Visual" view, just check left bottom corner, where you can find hidden tags, in this case there are <pre> html tags.

How to detect html tags - HTML tag displayed in "Visual" view
HTML tag displayed in "Visual" view

 

Switching to "Text" view (top right corner) <pre> or other html tags are displayed.

How to detect html tags - HTML tag displayed in "Text" view
HTML tag displayed in "Text" view

 

Just delete all those html tags that create shortcode misfunctions.

How to detect html tags - Correct shortcode without html tags
Correct shortcode without html tags

 

 

3. EVENT DATE- TIME RANGE

If you insert a shortcode without forcing any date range as this one:

[chronosly type="event"]

shortcodes will display same format you set in Chronosly settings tab.

(Chronosly > Settings > Events display section)

So, if shortcode displays "NO EVENTS FOUND" probably current data range (month view is set by default) has no events.

 

 

 

There are 2 different ways to avoid your event list don't find events or calendars display your default format (year, month, week...)

 

3.1 Force date within shortcode

chronosly-tips-logoWe highly recommend using UPCOMING parameter and a day range you want to display (upcoming days can be any positive number, e.g 30 for one month):

[chronosly type="event" upcoming="30"]

 

If you force a date like month, year, week within each shortcode it will remain static, because you will have to change it when it expires.

[chronosly type="event" month="8"]

 

 

3.2 Force date within settings

You can set different event list display (check how to set event list display - FAQ) like year view or Upcoming events (days you want to show e.g 90 days for 3 months in advance).

  1. Go to Chronosly > Settings > Events display section
  2. Set wished option in Main event list display

 

Set main event list display - Chronosly event list settings

 

 

3.2.1 HOW TO SET UPCOMING EVENTS*

This is most versatile option and allow you to display as many events (in days) as you wish.

  1. Set "UPCOMING" option in Main event list display
  2. Set number of DAYS range to show all your events

 

Set main UPCOMING events in Chronosly event list settings

 

 

Pop up display

POP UP VIEW FOR CALENDAR EVENTS

From Chronosly update v.1.6.1 (October, 1st 2014) Pop up display view is set up by default for events shown in Calendar views.

It is noted that this view has faster navigation and user experience than Single Event View landing page.

 

Pop up event view
Pop up event view

 

This Pop up view can be set up through Chronosly > Template Editor.

You just need to follow these steps to configure other alternatives to display single events in your Calendar views:

Note: this changes are only available if you have enabled Advanced profile

 

  1. Be sure you have enabled Advanced profile
  2. Go to Template Editor (only for Advanced profile)
  3. Clone a template
  4. Chose your cloned template (1)
  5. Select "Calendar view" to customize it (2)
  6. Select event title box for edit properties (3)
  7. Click on Variables Tool bar (4)
  8. Select wished option for Calendar event display (5)
  9. Remember to SAVE changes
  10. Set "cloned" template as default template in settings and force it, to change all past events to display as a popup.
  11. Clear Cache on Chronosly Settings > Incompatibilities.

 

How to set up Pop up display through template editor
Pop up display set up using template editor