{"id":1963053,"date":"2024-10-07T19:52:43","date_gmt":"2024-10-07T23:52:43","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1963053"},"modified":"2025-10-23T12:31:19","modified_gmt":"2025-10-23T16:31:19","slug":"elementor-template-for-the-event-series-page","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/elementor-template-for-the-event-series-page\/","title":{"rendered":"Elementor Template for the Event Series Page"},"content":{"rendered":"\n<p>An event series page lists all events that belong to a specific series, and its URL follows the format: <code>[site-url]\/series\/[series-name]<\/code>.<\/p>\n\n\n\n<p>While The Events Calendar does not have a built-in integration specifically for the series page, you can still create a custom template using Elementor and assign it to Series using the display conditions provided by Elementor.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-enable-elementor-for-the-series-post-type\">Step 1: Enable Elementor for the Series Post Type<\/h3>\n\n\n\n<p>Before creating the template, make sure that Elementor is enabled for the Series post type:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Elementor \u2192 Settings \u2192 Post Types<\/strong>.<\/li>\n\n\n\n<li>Ensure the <strong>Series<\/strong> checkbox is selected.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"661\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image.png\" alt=\"\" class=\"wp-image-1963055\" style=\"width:480px\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image.png 738w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-300x269.png 300w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-create-a-new-template-in-elementor\">Step 2: Create a New Template in Elementor<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Elementor&#8217;s theme builder at <strong>Templates \u2192 Theme Builder<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add New<\/strong> and select <strong>Single Post<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-design-your-series-page-layout\">Step 3: Design Your Series Page Layout<\/h3>\n\n\n\n<p>Once in the template builder, you can design the layout for your series page by dragging and dropping Elementor widgets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-important-include-the-post-content-block\">Important: Include the &#8216;Post Content&#8217; Block<\/h3>\n\n\n\n<p>The series content, including the list of events, is associated with the <strong>Post Content<\/strong> block. This block is essential for rendering the series&#8217; events, so be sure to add it to your template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-5-1024x509.png\" alt=\"\" class=\"wp-image-1963070\" style=\"width:849px;height:auto\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-5-1024x509.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-5-300x149.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-5-768x382.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-5-1536x764.png 1536w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-5.png 1665w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-4-apply-conditions-to-your-template\">Step 4: Apply Conditions to Your Template<\/h3>\n\n\n\n<p>Once you&#8217;ve finished designing, you can assign the template to all series pages or apply specific conditions, like assigning it to a series by a certain author.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"285\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-2.png\" alt=\"\" class=\"wp-image-1963057\" style=\"width:143px;height:auto\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Important: Check Display Conditions Before Saving<\/h3>\n\n\n\n<p>Before saving your changes, ensure that your template doesn&#8217;t share the same display conditions as any existing templates. If there is a conflict, Elementor will display a message indicating this, allowing you to resolve it before finalizing your template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"746\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-3-1024x746.png\" alt=\"\" class=\"wp-image-1963058\" style=\"width:684px;height:auto\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-3-1024x746.png 1024w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-3-300x219.png 300w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-3-768x560.png 768w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-3.png 1272w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-5-check-the-results\">Step 5: Check the Results<\/h3>\n\n\n\n<p>Once you&#8217;ve finished designing your template, open any event series page (e.g., <code>[site-url]\/series\/[series-name]<\/code>) to verify that the template has been applied correctly. Ensure that the layout and content are displayed as expected. If the template doesn&#8217;t appear, double-check the display conditions and make sure that &#8216;Series&#8217; is enabled under Elementor&#8217;s settings.<br><br>In this example, we&#8217;ve added a few fundamental elements: a heading, a dynamic &#8216;Post Title&#8217; block that pulls in the Series name, an image, and most importantly, the &#8216;Post Content&#8217; block to display the list of events in the series.<br>It&#8217;s worth noting that Elementor&#8217;s flexbox container provides extensive flexibility for arranging blocks and customizing the overall style of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"852\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-4.png\" alt=\"\" class=\"wp-image-1963069\" style=\"width:694px;height:auto\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-4.png 663w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2024\/10\/image-4-233x300.png 233w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>An event series page lists all events that belong to a specific series, and its URL follows the format: [site-url]\/series\/[series-name]. While The Events Calendar does not have a built-in integration specifically for the series page, you can still create a custom template using Elementor and assign it to Series using the display conditions provided by&#8230;<\/p>\n","protected":false},"author":84,"featured_media":1955565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[313,46],"tags":[],"stellar-product-taxonomy":[158],"class_list":["post-1963053","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-integrations","stellar-product-taxonomy-events-calendar-pro"],"acf":[],"taxonomy_info":{"category":[{"value":313,"label":"Elementor"},{"value":46,"label":"Integrations"}],"stellar-product-taxonomy":[{"value":158,"label":"Events Calendar Pro"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"The Events Calendar Team","author_link":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/the_events_calendar_team\/"},"comment_info":0,"category_info":[{"term_id":313,"name":"Elementor","slug":"elementor","term_group":0,"term_taxonomy_id":313,"taxonomy":"category","description":"","parent":46,"count":3,"filter":"raw","term_order":"0","cat_ID":313,"category_count":3,"category_description":"","cat_name":"Elementor","category_nicename":"elementor","category_parent":46},{"term_id":46,"name":"Integrations","slug":"integrations","term_group":0,"term_taxonomy_id":46,"taxonomy":"category","description":"","parent":0,"count":46,"filter":"raw","term_order":"0","cat_ID":46,"category_count":46,"category_description":"","cat_name":"Integrations","category_nicename":"integrations","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1963053"}],"version-history":[{"count":6,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963053\/revisions"}],"predecessor-version":[{"id":1963073,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963053\/revisions\/1963073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1963053"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1963053"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1963053"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1963053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}