Support

Home Forums Event Espresso Premium Help with template (events page listing)

Help with template (events page listing)

Posted: July 7, 2017 at 2:57 am

Viewing 10 reply threads


Adam

July 7, 2017 at 2:57 am

Hello,

I posted a question a few months ago but we failed to go ahead with development.
How can I best get this custom events listings page:
http://bit.ly/2twXKVc

To look more like the design of this:
http://bit.ly/2swvQM8

I need the events neatly displayed under each and organised using the event categories.

Thanks


Josh

  • Support Staff

July 7, 2017 at 1:30 pm

Hi there,

The way forward is you start with this guide:

https://eventespresso.com/wiki/ee4-custom-post-types/#archive_event_template

Then once you’re set up with a custom template you’ll copy some of the html code from the page that you want the list to look like.

If you can post a copy of your WP theme so we can download it and review we can give you some specific code examples.


Adam

July 7, 2017 at 6:42 pm

Hi Josh, Thanks for the reply.
I cannot see an upload option to post a zip of the theme?

The theme is:
NatureWPTheme_v1.9
BY METRO THEMES


Adam

July 8, 2017 at 6:37 am

Hi Josh,

I setup a child theme and followed the instructions but no changes are appearing on any pages?

I created –
archive-espresso_events.php
index-espresso_events.php

I added this code into the functions file in my child theme folder after making my child theme the active theme;

add_filter( 'FHEE__EED_Event_Archive__template_include__allow_custom_selected_template', '__return_true' );

I made changes to archive-espresso_events.php, did not reflect on website, then did the same for the index one, still no luck??

How can I error check this?


Tony

  • Support Staff

July 10, 2017 at 6:16 am

I cannot see an upload option to post a zip of the theme?

You will need to host the zip and post a link we can use to download it from. You cann use something like dropbox, or even add the zip to the site itself through the media manager and post the link for it here.

Once we have the theme you can remove the file.

I setup a child theme and followed the instructions but no changes are appearing on any pages?
I created –
archive-espresso_events.php
index-espresso_events.php

Your theme may be doing something strange and not actually loading those templates. One way to test is to use the plugin What The file, active it, navigate to the event archive and look in the admin bar, you’ll see a section that shows which template files are used for that output.

You can remove index-espresso_events.php that will not be used.


Adam

July 10, 2017 at 11:49 pm

OK, I got the child theme to work, so I now have a working events page that I can start trying to layout to my needs.

Can you style the ‘grid view’ add on to make the events listings like this:
https://snag.gy/oSUBPu.jpg

or any other way?
Thanks


Tony

  • Support Staff

July 11, 2017 at 4:02 am

You can add custom styles specifically for the grid view template using the .espresso_grid class at the beginning of your css selector. For example

.espresso_grid .ee_grid_box {
display: none;
}

Would remove the grids.

Or you can copy the template from within grid template add-on /templates/ directory to your child theme and customize the template further there.

Is that what you are looking for?


Adam

July 16, 2017 at 5:36 am

Hi Tony,

Thanks for the advice, I copied the template filed into my child-theme folder and have tried editing it that way, this is where its at:

https://dl.dropboxusercontent.com/u/14431298/current-screen.jpeg

However, this is roughly the desired look I want to get:
https://dl.dropboxusercontent.com/u/14431298/desired-screen.jpeg

The coding in the template file is currently looking like so:

		<div class="ee_grid_box item">
                <a id="a_register_link-<?php echo $post->ID; ?>" href="<?php echo $registration_url; ?>" class="darken">
                    <img src="<?php echo $image; ?>" alt="" />
                    <span>
                        <h2>
                        <span>

                            <?php

								echo '<b class="title">' . $post->post_title. '</b><br />';
								/*if($event->event_cost === "0.00") {
									echo __('FREE', 'event_espresso');
								}else {
									echo $org_options['currency_symbol'] . $event->event_cost;
								}*/
								echo '<br />';
								echo '<b class="start-date">' . $startdate . '</b>';
								echo '<br /><br />';

								echo '<b class="button-text">' . $button_text . '</b>';
							?>

                        </span>
                        </h2>
                    </span>
                </a>
            </div>

		<?php

	
echo '<br /><b class="title">' . $post->post_title. '</b><br />';
echo '<br /><b class="start-date">Date: ' . $startdate . '</b><br />';
echo '<br /><b class="start-date">BOOK NOW BUTTON</b><br />';

	endwhile;
	echo '</div>';

Any help would be greatly appreciated πŸ™‚


Adam

July 16, 2017 at 5:49 am

Almost forgot….
Is there any way of changing all ofthe on Hover text to ‘ONLY’ Say – “MORE INFO”
?


Adam

July 17, 2017 at 4:14 am

I got this all sorted, thank you


Tony

  • Support Staff

July 17, 2017 at 4:57 am

Just to explain a little, we provide support on the forums Monday – Friday 12PM: 12AM (UTC) which is why you haven’t had a reply until now. (Just making sure you don’t think we are ignoring you πŸ™‚ )

Anyway, I’m glad you have this sorted.

Viewing 10 reply threads

The support post ‘Help with template (events page listing)’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso