{"id":506,"date":"2016-03-03T11:59:53","date_gmt":"2016-03-03T11:59:53","guid":{"rendered":"http:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/?page_id=506"},"modified":"2017-10-01T22:52:31","modified_gmt":"2017-10-01T22:52:31","slug":"pub-events","status":"publish","type":"page","link":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/examples\/pub-events\/","title":{"rendered":"Pub Events Carousel"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1492622978131{padding-bottom: 40px !important;}&#8221; grid=&#8221;true&#8221;][vc_column][vc_column_text]<\/p>\n<h1 style=\"text-align: center;\"><small>EVENTS CAROUSEL\u00a0Example<\/small>PUB EVENTS CAROUSEL<\/h1>\n<p class=\"lead\" style=\"text-align: center;\">The Events Carousel style is the most visually impressive design, displaying each class as a carousel element. It is great for a Pub, Night Club, Restaurant, Cafe or other businesses with unique events. The schedule will always start with the current day, so your visitors can see right away which events are available soon. You can choose a custom color for the elements, add an excerpt, choose the navigation style, etc.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1492622983338{padding-top: 0px !important;padding-bottom: 50px !important;}&#8221; grid=&#8221;true&#8221;][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-sm-offset-3&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Classes are listed in a chronological carousel, with an element for each class<\/li>\n<li>You can set classes\u00a0to appear\u00a0automatically every week<\/li>\n<li>The carousel will load initially as many days as you want and the visitors can display\u00a0more, with the help of a button<\/li>\n<li>Clicking on events will open a pop-up window, with text and images<\/li>\n<li>You can\u00a0choose how many elements to display, between one and six<\/li>\n<li>Canceled events are displayed as shaded and crossed and are not clickable<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;content-padding-none&#8221; css=&#8221;.vc_custom_1492622993352{background: #f0f1f2 url(http:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-content\/uploads\/sites\/10\/2016\/03\/bg-6.jpg?id=533) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; grid=&#8221;true&#8221;][vc_column el_class=&#8221;content-padding-lg&#8221; css=&#8221;.vc_custom_1457011714080{padding-top: 0px !important;padding-right: 50px !important;padding-bottom: 30px !important;padding-left: 50px !important;background-color: rgba(12,12,12,0.44) !important;*background-color: rgb(12,12,12) !important;}&#8221;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-7\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492622999055{padding-top: 0px !important;padding-bottom: 0px !important;}&#8221; grid=&#8221;true&#8221;][vc_column width=&#8221;2\/3&#8243; offset=&#8221;vc_col-sm-offset-2&#8243; css=&#8221;.vc_custom_1456440911229{border-bottom-width: 1px !important;padding-top: 40px !important;padding-bottom: 40px !important;border-bottom-color: #e5e5e5 !important;border-bottom-style: solid !important;}&#8221;][vc_column_text]<span style=\"color: #999999;\">With the Events Carousel style, one of our eight\u00a0layout styles available, you can use\u00a0a visually impressive design, displaying each class as a carousel element. Filters are not available for this style and they are replaced with options to customize the carousel navigation, colors, autoplay, loop or number of elements to be displayed on various screen sizes.<\/span><\/p>\n<p><a href=\"http:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/examples\/pub-events-plain\/\" target=\"_blank\" rel=\"noopener\">See this schedule on a blank page<\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492623011377{border-top-width: 0px !important;}&#8221; grid=&#8221;true&#8221;][vc_column css=&#8221;.vc_custom_1455458857842{padding-right: 50px !important;}&#8221; offset=&#8221;vc_col-lg-6 vc_col-md-6 vc_col-xs-12&#8243;][vc_column_text]<\/p>\n<h2>Let&#8217;s see how\u00a0this schedule was created<\/h2>\n<p class=\"lead\">On the right, you can\u00a0see an\u00a0actual screenshot of the Schedule Builder for this timetable. You can create one yourself, in only a few minutes, with the following steps:<\/p>\n<p>[\/vc_column_text][vc_tta_accordion style=&#8221;flat&#8221; gap=&#8221;10&#8243; c_icon=&#8221;&#8221; active_section=&#8221;1&#8243; css=&#8221;.vc_custom_1455216512937{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; no_fill=&#8221;true&#8221;][vc_tta_section title=&#8221;Step 1 &#8211; Setup The Schedule Title &amp; Style&#8221; tab_id=&#8221;1455211351388-1878abcd-094f&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Enter a title for your schedule, something like Our Pub Events.<\/li>\n<li>Select the Events Carousel\u00a0style, great for a Pub, Night Club or Restaurant events schedule.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 2 &#8211; Setup the Schedule Content &amp; Filters&#8221; tab_id=&#8221;1455211351452-ec11c5b6-b42b&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Choose your Schedule Contents. You can use the All option, to display Classes with any Type, Location or Instructor, or you can select the ones you need. In our example, we selected only the ones relevant to a Pub.<\/li>\n<li>The\u00a0Available Filters tabs work in the same way. You can make a selection different than the one you have for Schedule Contents. In this demo, we do not use filters, as the Events Carousel is a schedule style without filters.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 3 &#8211; Setup The Custom Labels&#8221; tab_id=&#8221;1455211421076-a918d53e-7e3b&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Use the Schedule Labels fields to name the Categories \u00a0how you want.<\/li>\n<li>You can also customize other messages, like the one for no classes available.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 4 &#8211; Setup The Schedule Details&#8221; tab_id=&#8221;1455211474781-bf7f4ba5-0345&#8243;][vc_column_text]<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>On the right, you can choose how many days to display. In this example, we are using 1 Week, as our events are weekly repeatable.<\/li>\n<li>With the Display Options switchers you can choose to hide some of the info.<\/li>\n<li>The Carousel\u00a0Options switchers allow you to choose the navigation style, autoplay and loop.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 5 &#8211; Setup The Extra Customizations&#8221; tab_id=&#8221;1455211503606-3b19b881-d701&#8243;][vc_column_text]<\/p>\n<ul>\n<li>The Large \/ Medium \/ Small Devices Items select boxes all you to choose how many elements you want to display in the carousel, depending on the screen size.<\/li>\n<li>Choose how the pop-up modal should look. We are using the Large Image option.<\/li>\n<li>The Design Options allow you to choose the colors of the schedule: for the text, the special elements, the background of the carousel elements and the navigation color.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section i_icon_fontawesome=&#8221;fa fa-flag&#8221; title=&#8221;Done!&#8221; tab_id=&#8221;1455214599342-fb76472e-812b&#8221; add_icon=&#8221;true&#8221;][vc_column_text]<\/p>\n<p class=\"lead\"><span style=\"color: #bf392b;\"><strong>Your Schedule is Ready!<\/strong> You can add it with our<br \/>\ncustom Visual Composer element or you can<br \/>\nuse the auto-generated shortcode on the right.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][vc_column css=&#8221;.vc_custom_1455458847684{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 80px !important;padding-left: 50px !important;background-color: #f2f2f2 !important;}&#8221; offset=&#8221;vc_col-lg-6 vc_col-md-6 vc_col-xs-12&#8243;][vc_single_image image=&#8221;3127&#8243; img_size=&#8221;full&#8221; el_class=&#8221; curly-lightbox&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1492622978131{padding-bottom: 40px !important;}&#8221; grid=&#8221;true&#8221;][vc_column][vc_column_text] EVENTS CAROUSEL\u00a0ExamplePUB EVENTS CAROUSEL The Events Carousel style is the most visually impressive design, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":547,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-506","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=506"}],"version-history":[{"count":0,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/506\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/2"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}