Okay
  Print

Stachethemes Event Calendar

Action and Filter Hook Reference Action and Filter Hooks for version 3.x!PHP Hooks Hook Type File stec_insert_postFilterassetsphpabstract.post.phpstec_api_query_cache_timeFilterassetsphpapiclass.controller.phpstec_ac_exclude_jsFilterasset ...

Map View: Changing the event color box to Google Maps default pin Open your theme functions.php and at the bottom paste this code: add_action('wp_footer', function() {     global $post;     if (!is_a($post, 'WP_Post') || !has_shortcode($post->post_content, 'stachethemes_ec')) {   ...

How to use Custom Icons? With Update 2.4 you can upload custom images instead of Font Awesome icons. You can create transparent PNG images with your icons and upload them by using Image option in the Event Symbol Type menu.  We suggest for best res ...

Displaying Stachethemes Event Calendar version 5 on the Front-End Variant 1: Using the [stec] Shortcode Log in to your WordPress admin area.Go to "Pages" in the admin dashboard.Edit the page where you want to display the calendar.Add a block that supports shortcodes.Insert the [stec] short ...

Shortcodes THIS ARTICLE IS FOR STACHETHEMES EVENT CALENDAR VERSION 3.x ! Default shortcode: [stachethemes_ec] Shortcode attributes: cal - Show events from specific calendar(s) only: [stachethemes_ec cal=1,2,3]  where 1,2 ...

Set up Weather Forecast for Stachethemes Event Calendar version 5 Set up Weather Forecast Your Calendar plugin requires an API key from OpenWeatherMap to fetch weather data.  Users can set up this API key in the plugin settings as follows: Go to Dashboard -> STEC -> Settings -> For ...

Using iCalendar RRULE Repeater Options (BETA) THIS ARTICLE IS FOR STACHETHEMES EVENT CALENDAR VERSION 3.x ! There is undocumented feature in the repeater that is still in beta allowing you more complicated repeating options, but you can use it successfully.Go to the eve ...

Creating Tickets for Booking From your Dashboard go to St. Event Calendar menu and select Tickets. Click Create Ticket and fill the information in the form. When you are done press Create Ticket button bellow. To add the ticket to your event simply g ...

Broken Font-Awesome Icons Currently Stachethemes Event Calendar is using the latest version of Font-Awesome while many of the themes using build-in plugins like WP-Bakery or Slider Revolution are using old version. This may sometimes can cause some ic ...

How to display the Box Grid view With Update 2.4 we added a new events view called Box Grid.You can see how to enable the view here:

Creating Event Coming Soon Page Hello everyone!With update 2.3.9 we added option for you to create coming soon page for event of your choosing. For a start you will need to know the ID of the event you want to show in Coming Soon page. Go to St. Event Cal ...

Does this have ical or google cal auto sync features? It has something similar to sync. We’ve added option to import .ics events directly from url (for example: https://calendar.google.com/calendar/ical/en.bulgarian%23holiday%40group.v.calendar.google.com/public/basic.ics) ev ...

How to add Event Organizer Information? With Update 2.4 you now have the option to add the event organizer information. To do this simply go to your Dashboard -> Events, select the event you want and you will see there is a new tab  "Organizers". Add the data and ...

Changing Filter Icon to Text If you want to change the filter icon to just text Filter simply go to Dashboard -> STEC -> Fonts & Colors -> Custom style and place the css below: .stec-top-menu-filter i { display: none !important; } .stec-top-menu-fil ...

Layout is broken, what to do? This article will show you how to fix the most common broken layout problem with not only ours, but mostly any front-end plugin.In this example if our plugin look like this: Go to your Dashboard -> Pages and open the page th ...

Creating Calendar To create a calendar go to your “Dashboard” then “Stachethemes Event Calendar” and click “Calendars” from the menu. Fill Calendar Name, Color, Timezone and Visibility (public or private) and click on “Create Cal ...

Changing the Single Event Page URL from stec_event/ to event/ THIS ARTICLE IS FOR STACHETHEMES EVENT CALENDAR VERSION 3.x ! Go to Dashboard -> STEC -> General -> Tools tab.Scroll to "Permalinks" section and under "Event single page permalink" change the value from "stec_event" to ...

Activation As of version 1.4 the plugin requires activation. To activate the plugin go to “Dashboard” -> “STEC”  -> “Activator” and paste your purchase code and click activate. 

How to Embed Events THIS ARTICLE IS FOR STACHETHEMES EVENT CALENDAR VERSION 3.x !To embed event simply go to the share section of the event And click the link icon. Small pop-up will appear containing the embed code of the event.

How to Open Event in External URL With Update 2.4 now you can open event not only in Calendar and Single Page, but in External URL.Simply go to your Dashboard -> St. Event Calendar -> General and on the bottom you will see this menu: Select External Link and ...

Adding products with WooCommerce Here is how you can add items to sell with your events by using WooCommerce. Go to Events. Select Calendar. Click Add Event or Edit Event. Click on Shop tab From the dropdown select the WooCommerce product you want to ...

Installation Installation of Stachethemes Event Calendar is very simple. Go to your “Dashboard” then “Plugins” click “Add New” and “Upload Plugin”. Click “Browse”, pick the Stachethemes Event Calendar archive and Cli ...

Obtaining Captcha API Key THIS ARTICLE IS FOR STACHETHEMES EVENT CALENDAR VERSION 3.x !To mange your Google reCAPTCHA API Keys got to https://www.google.com/recaptcha/admin#list Fill the form and press “Register”. Copy and Paste Site and Sec ...

Creating Events Before adding events you must have at least one calendar created otherwise the Events menu in the Dashboard will not appear!To create an event go to your “Dashboard” go to “Stachethemes Event Calendar” and click “Ev ...

How to show Event Date instead of Icon With Update 2.4 you have the option to show the Event Date instead of Icon in the Agenda List and Grid view.  To do that go to your Event General Tab and in Event Symbol Type menu select Date. You can see video demonstrati ...

Displaying Different Views for Desktop and Mobile Devices This article will show you how to display two different views one for Desktop and one for Mobile device.Simply open your active theme functions.php file and at the bottom paste following code: add_action('wp_footer', funct ...

How to add new Icon from Font Awesome Library With Update 2.4 you now have the option to add more icons from Font Awesome Library. When you open your Event General Tab you will see this interface: The Event Symbol Type menu is set by default to Icon. On the bottom you ...

Obtaining Disqus Shortname To obtain Disqus Shortname register at https://disqus.com/profile/signup/ After you login select “I want to install Disqus on my site” Fill the form and click “Create Site”. The field “Website Name” is ...

Updating VERSION 3.0 OR NEWER Since version 3.0 the plugin uses the default Wordpress updater. To check for update go to Dashboard -> Plugins page. If no update shows up try de-activating and re-activating the plugin. Version 2.x 1 ...

How to add Image instead of Icon With Update 2.4 now you can add your custom images instead of icons. When you select Image in Event Symbol Type menu, you will have the option to add image: If you add more than one image they will change with fade effect ev ...

Creating Custom Tabs Code example for adding custom tab. Place code below in your theme functions.php file /**  * Step 1: Creating custom tab on the front-end   */ add_filter('stec_event_tabs', function($tabs) {     // uses function a ...

Using Theme Feature With Update 2.4 now you can Import and Export color themes. You can now create your calendar layout color theme and export it to import it later or use it somewhere else. You can also download our premade themes from our them ...

Adding custom fields to the RSVP form code example THIS ARTICLE IS FOR STACHETHEMES EVENT CALENDAR VERSION 3.x !Here's example on how to insert custom fields to the RSVP form.  The code should be inserted in your theme or child-theme functions.php file. /**  * This cod ...

Extending event preview Javascript example on how to modify the event preview html. The code should be placed in the active theme functions.php file. This example replaces all preview html with simple title: add_action('wp_footer', function() { ...

Missing Colors and/or Undetected Shortcodes Missing Colors and/or Undetected Shortcodes As you can see in this screenshot, background colors are completely missing. If you encounter such a scenario, you may need to instruct the calendar to load the assets on that p ...

Stachethemes Event Calendar 5 Shortcodes List Calendar Shortcode: [stec] or [stachethemes_ec] Shortcode parameters. Event Submission Form Shortcode: [stec_submit_form] Shortcode parameters: id - (optional) The event submission form id number.cal - (optional) Li ...

Stachethemes Event Calendar version 5 Shortcode Parameters Calendar Shortcode Parameters Please note that the parameters are also available in the calendar dashboard. You can access the calendar dashboard to configure and customize various settings to meet your specific needs and p ...

Version 5 Permission Settings Permission SettingsPermission settings adjust which user roles can create terms ( calendars, categories, locations, organizers, guests ) and events.Default settings allow only users with Administrator role to create/edit ter ...

Translating the event template (Version 5) The event template cannot be translated via a gettext editor (e.g. Loco Translate).Update: Since version 5.1.9 Default Templates can be translated using Loco Translate or similar tool. To translate the content, you will have ...

Setup BuddyPress Calendars Setup BuddyPress Calendars This tutorial assumes you already have created BuddyPress Groups from Dashboard -> Groups. The example will work with "BuddyPress Group 1" Creating BuddyPress Group Calendar Go to Calen ...

Translating Stachethemes Event Calendar version 5 General info Please make sure your translation .po and .mo files reside in the system folder:     [ WordPress Installation ] / wp-content / languages / plugins / Otherwise, the plugin will not load your translation. For ...

Missing Font Awesome Icons Fix for missing or incorrectly displayed icons By default the calendar uses 'font-awesome' hook to register and enqueue the Font Awesome stylesheet. However, it is possible that another plugin or theme is loading older ve ...

Stachethemes Event Calendar 5 Dynamic Date Values Date filters accept static date or a dynamic date value Static date Any date in format YYYY-MM-DD e.g. 2024-12-31 or YYYY-MM-DDTHH:mm e.g. 2024-12-31T15:30 Dynamic dates list 2_years_ago: 2 years ago from now2_years_ahe ...

Stachethemes Event Calendar 5 Custom RSVP Input Fields hook example: This example inserts two new inputs: Phone Number and Company Name. The example assumes the code will be placed in the theme or the child-theme functions.php file. /** * STEP 1: * Modify the Attendance Form Structure ...

Removing the event countdown element using the Builder (v5) 1) From the Calendar Dashboard click on "Add template" button in the Builder block 2) Select template type: Keep "Blank template" unchecked to start editing with the default elements already inserted. 3) Click on ...

Set up Google Captcha Enterprise for Stachethemes Event Calendar version 5 To enable Google Captcha Enterprise for your calendar, go to Dashboard -> STEC -> Settings -> Captcha:  Obtaining the reCAPTCHA Key, Project ID and API Key values Sign in to Google Cloud Console:Go to the Google Cloud ...

Activating Stachethemes Event Calendar version 5 To activate your calendar go to Dashboard -> STEC -> Activator -> Manage License Enter your purchase key in the field and click "Activate". "Failed to connect to Stachethemes.com" If you receive this message, it me ...

How to Add Event Images to Yoast SEO in Stachethemes Event Calendar Version 5 To tell Yoast Seo to use the event image for it's og:image meta place the following hook in your child-theme functions.php file: /** * OG:Image filter for Yoast SEO plugin * Adds first image from event to Yoast SEO Open Gr ...