Support

Home Forums Event Espresso Premium Adjusting the default EE v3 event description layout

Adjusting the default EE v3 event description layout

Posted: May 9, 2014 at 3:53 am


Emoni

May 9, 2014 at 3:53 am

A client is asking for some changes to the default layout of the event description and I read that this has to be achieved through custom templates. Could you please let me know about the following and the effort required, this is the site:

– create a list view rather than calendar view (this appears to be using the paid add-on which is fine) but how much work is it in hours to implement?
– add an instruction for the ical import icon which appears very small next to the date. Increase icon size.
– Potentially customise the styles of the timings, date and address.

Personally I think it has been working fine for the past few months but a usability expert has got hold of this project…

Thanks for the support


Dean

May 9, 2014 at 4:14 am

Hi,

– create a list view rather than calendar view (this appears to be using the paid add-on which is fine) but how much work is it in hours to implement?

If you use the Custom Templates add on, then in theory it should be a few minutes. Install activate, install any other templates and activate, add short code to a page and done. Of course if you need to modify those templates it could be more work. They are fairly easy to modify with a bit of PHP knowledge: it’s pretty much a single array holding the data and a table/HTML layout depending on the template.

To make something from scratch you will need to rework the event_list.php and event_list_display.php files, which are more complicated so will obviously take longer.

– add an instruction for the ical import icon which appears very small next to the date. Increase icon size.

Well, this could be achieved by either adding an instruction directly into the template, or you could use a filter to change the title (when hovered over).

The filter would need to be used to modify the icon.

Take a look in /wp-content/plugins/event-espresso/includes/functions/ical.php, specifically at the espresso_ical_prepare_by_meta function

– Potentially customise the styles of the timings, date and address.

Depend son which templates you use and what you plan on doing. Most things can be achieved with HTML and CSS.

Personally I think it has been working fine for the past few months but a usability expert has got hold of this project…

Ahhh…


Emoni

May 9, 2014 at 5:22 am

Hi Dean

Thanks for the feedback, is it possible to have a calendar view and a list view or can EE only output to one template?


Emoni

May 9, 2014 at 5:28 am

Sorry should have uploaded this link about how they want to change the default layout http://screencast.com/t/5sVeDkKOI


Lorenzo Orlando Caum

  • Support Staff

May 9, 2014 at 5:46 am

Hi Nicholas,

You can use different views for the calendar but you would need to add these different shortcodes to the page:

[ESPRESSO_CALENDAR]

[ESPRESSO_CALENDAR cal_view=”agendaWeek”]


Lorenzo

The support post ‘Adjusting the default EE v3 event description layout’ 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