{"id":250,"date":"2018-05-23T07:32:17","date_gmt":"2018-05-23T07:32:17","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=250"},"modified":"2026-10-13T10:34:47","modified_gmt":"2026-10-13T10:34:47","slug":"countdown-view-skin-settings","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/countdown-view-skin-settings\/","title":{"rendered":"Countdown View Skin Settings"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">&nbsp;Countdown View Skin in the Modern Events Calendar is a great option for setting up a display that brings urgency to the visitors of an event website. Moreover, you may put any future programs on sale and have better overall engagement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Countdown_View_Skin_Shortcode\"><\/span>Countdown View Skin Shortcode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can use <a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/making-advanced-shortcodes\/\" target=\"_blank\" data-type=\"knowledgebase\" data-id=\"205\" rel=\"noreferrer noopener\">shortcodes<\/a> in your internal pages to have this on your website. The shortcodes are located in&nbsp;<strong><strong>M.E. Calendar &gt;  Shortcodes<\/strong><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2878\" height=\"1308\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown.png\" alt=\"Countdown View Skin \" class=\"wp-image-10099\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown.png 2878w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown-300x136.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown-1024x465.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown-768x349.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown-1536x698.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/countdown-2048x931.png 2048w\" sizes=\"auto, (max-width: 2878px) 100vw, 2878px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Countdown_Layout\"><\/span>Countdown Layout<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the demos of Countdown View Skin in the Modern Events Calendar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/mec.webnus.net\/countdown-type-1\/\" target=\"_blank\" rel=\"noreferrer noopener\">Countdown View \u2013 Style 1<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mec.webnus.net\/countdown-type-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Countdown View \u2013 Style 2<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mec.webnus.net\/countdown-type-3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Countdown View \u2013 Style 3<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"countdown-shortcode-options\"><span class=\"ez-toc-section\" id=\"Countdown_View_Shortcode_Options\"><\/span>Countdown View Shortcode Options<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These are the options you see in <strong>M.E. Calendar &gt; Shortcodes<\/strong> after choosing the <strong>Countdown View<\/strong> skin. MEC Pro and some addons can add more styles and options.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Option<\/th><th>What it does<\/th><th>Values<\/th><\/tr><\/thead><tbody><tr><td><strong>Style<\/strong><\/td><td>Layout style of this view.<\/td><td>Style 1 \/ Style 2 \/ Style 3<\/td><\/tr><tr><td><strong>Event<\/strong><\/td><td>The event this view features.<\/td><td>Next Upcoming Event, or any published event<\/td><\/tr><tr><td><strong>Background Color<\/strong><\/td><td>Background color of the countdown box.<\/td><td>Color<\/td><\/tr><tr><td><strong>Include Local Time<\/strong><\/td><td>Also shows each event&#39;s time in the visitor&#39;s own time zone.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Display Normal Labels<\/strong><\/td><td>Shows event labels such as &quot;Featured&quot; or &quot;Canceled&quot;.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Display Reason for Cancellation<\/strong><\/td><td>Shows the cancellation reason on canceled events.<\/td><td>On \/ Off<\/td><\/tr><tr><td><strong>Date Formats<\/strong><\/td><td>Date formats used by the selected style, written with <a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/php-date-formats\/\">PHP date characters<\/a>.<\/td><td>Text (e.g. j, M, Y)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"countdown-faq\"><span class=\"ez-toc-section\" id=\"Countdown_View_FAQ\"><\/span>Countdown View FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_do_I_add_the_Countdown_View_to_a_page\"><\/span>How do I add the Countdown View to a page?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <strong>M.E. Calendar &gt; Shortcodes<\/strong>, add a new shortcode, choose <strong>Countdown View<\/strong> as the skin, set the options above and publish it. Then copy the generated shortcode (for example <code>[MEC id=\"123\"]<\/code>) into any page, post or widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Which_event_does_the_Countdown_View_show\"><\/span>Which event does the Countdown View show?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It shows one event, the one you pick in the <strong>Event<\/strong> option. Countdown also offers <strong>Next Upcoming Event<\/strong>, which always counts down to your next event automatically. To feature another event, create another shortcode.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can use shortcodes in your internal pages to have this on your website. The shortcode is located in M.E.Calendar > Settings > Shortcodes. It generally resembles the skin. Here\u2019s the original demo:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[42],"class_list":["post-250","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-shortcodes"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":2,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/250\/revisions"}],"predecessor-version":[{"id":13740,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/250\/revisions\/13740"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=250"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}