How to customize Events archive page
Last updated: 5 years ago
Step 1: Identify the template to use
Eventon events archive page (../events) is auto generated when the plugin is installed. You can easily customize this page.
First off in your website theme make sure there is a page template you want to use for this page. If you want to use a page template that already exists – no problem.
Step 2: Select eventon settings
Go to myEventon> Settings > Events Paging
Select the events page from drop down of the all pages in your site. This will be the page you want to use for /events page. What ever content you write on this page will show on /events page afterwards.
By default this should be set to Events page (which is auto generated when you install eventon)
The idea behind is, after you select this page, you can go to Pages >All Pages and click on this page and type whatever content you want and that will show on the events archive page.
Next select the page template you want to use from the drop down of available templates in your theme.
Step 3: Customizing the page template
In a similar way as mention above if you want to create a fully customization template for this you can do so and upload that to your theme directory and then select that template (in similar way as above) to use for events page.
## Customizing Default EventON Event Template
If you select events (archive) page template to be default eventon template, but the layout is not what you desire please follow below steps to correct the eventon template.
NOTE: You will need experience using a FTP client like filezilla.
Step 1: Grab correct template page
Using FTP client navigate to your theme folder and find the template you want to use for eventON events page template. Usually this is the page.php file.
Open this file in a text editor.
Step 2: Copy eventON template file to your theme
In your current active theme folder create a new folder called : eventon – the new folder path should be like below: …./wp-content/themes/–theme-name—/eventon/
From your eventON folder within FTP. navigate to …/wp-content/plugins/eventON/templates/ and look for a file named: archive-ajde_events.php
Copy this file into the eventon folder created earlier.
Step 3: Place Code
Copy the code from page.php or similar file on step 1 and paste it in archive-ajde_events.php file above get_header(); code in archive-ajde_events.php file.
Copy the eventON code and place it where there is call for wp loop such as:
// Start loop
while ( have_posts() ) : the_post();
get_template_part( 'partials/page-single-layout' );
Now delete original code that was on archive-ajde_events.php file so that the code in page look something similar to below:
<div id="content-wrap" class="container clr">
<?php wpex_hook_primary_before(); ?>
<div id="primary" class="content-area clr">
<?php wpex_hook_content_before(); ?>
<div id="content" class="site-content clr">
<?php wpex_hook_content_top(); ?>
$evOpt = evo_get_options('1');
$archive_page_id = evo_get_event_page_id($evOpt);
// check whether archieve post id passed
$archive_page = get_page($archive_page_id);
echo "<div class='wrapper'>";
echo apply_filters('the_content', $archive_page->post_content);
echo "<p>ERROR: Please select a event archive page in eventON Settings > Events Paging > Select Events Page</p>";
<?php wpex_hook_content_bottom(); ?>
</div><!-- #content -->
<?php wpex_hook_content_after(); ?>
</div><!-- #primary -->
<?php wpex_hook_primary_after(); ?>
</div><!-- .container -->
<?php get_footer(); ?>
That should do the trick refresh page and clear cache to see results.