|
KarenC
|
June 21, 2015 at 10:23 pm
Hi, we would like our events to be displayed in a different order. So I’ve created a new page and added the following short code.
[ESPRESSO_EVENTS order_by “city”]
When I previewed the page, the events are still listed in the default order, not by city. Secondly, the page looks different to the standard event list page; it’s not full width and the venue map is not displayed.
Can you please help? Thanks.
|
|
Dean
|
June 22, 2015 at 2:54 am
Hi,
Try [ESPRESSO_EVENTS order_by=”city”].
Please note, that if any event does not have a venue attached to it, it will appear before events that do have venues attached (their city is considered to be blank, which comes before A).
|
|
KarenC
|
June 22, 2015 at 3:18 am
Thanks, Dean. That worked perfectly!
Now how can I make it look like the events page – full width and display Google map for venue?
I’ve actually used custom CSS to make the event listing full width as selecting the full width template didn’t make any difference. How can I do the same to this page I’m creating?
Please advise, thanks.
|
|
Dean
|
June 22, 2015 at 5:47 am
Hi,
You’re welcome!
Regarding the display, it might be slightly different depending on the theme.
The /events/ is an archive, whereas using a shortcode on a Page is, well, a Page. The theme is likely to style these slightly differently (some do, some don’t).
I was going to recommend using the full width template, as that would be the standard practice, but you have obviously tried that. It should work, unless it is broken within the theme, have you tried the full width template on another page to make sure the theme is functioning correctly?
Can you provide a link to the page with the ESPRESSO_EVENTS shortcode on and I’ll happily take a look and see if I can give some pointers.
|
|
KarenC
|
June 22, 2015 at 6:06 am
Hi Dean, I’ve just published the page and the maps now display but still not full width. Here’s the URL of the page with the ESPRESSO_EVENTS shortcode
http://www.professionalwomenslunches.com/event-listing/
And here’s how the standard events list is like
http://www.professionalwomenslunches.com/events/
And here’s an example of a regular full width page
http://www.professionalwomenslunches.com/what/
Thanks, looking forward to your advice.
|
|
Lorenzo Orlando Caum
|
June 22, 2015 at 8:11 am
Hi Karen, my initial thoughts are that the /event-listing/ page that you shared is set to use a different page layout.
Is this the shortcode that is in use on the page above?
[ESPRESSO_EVENTS order_by=”city”]
—
Lorenzo
|
|
KarenC
|
June 22, 2015 at 5:27 pm
Hi Lorenzo,
I’ve set the event-listing page to Full Width, same as the “What” page. And I’ve used this shortcode on the event-listing page
[ESPRESSO_EVENTS order_by=”event_name” sort=”desc” ]
Also, the standard events page didn’t follow the Full Width settings either before so I used custom CSS which I found on the forum and worked for me
/* Full Width Event List */
.post-type-archive-espresso_events #sidebar {
display: none;
}
.post-type-archive-espresso_events #content {
width: 100%;
}
Probably have to do something similar for the page? Please advise, thanks.
|
|
Dean
|
June 23, 2015 at 5:19 am
Hi,
It looks like the ticket_selector.css file doesn’t load when using the shortcode. Not sure if this is intended or not, so I’ll query that with a developer.
You could use the CSS in that file to make the shortcode page look the same as the /events/ page, see here http://www.professionalwomenslunches.com/wp-content/plugins/event-espresso-core-reg/modules/ticket_selector/assets/ticket_selector.css?ver=4.1.1
It is rather strange why the theme won’t allow a full width template, though your CSS fix seems to resolve it.
|
|
KarenC
|
June 23, 2015 at 5:56 am
Hi Dean, it is possible to select tickets on the event listing page that I’ve created with the shortcode. So that seems to be alright from here.
As for full width, the theme does have that but somehow it is not applied for the page with the shortcode. The CSS I’ve used is applied in the theme options – custom CSS, not on the /events/ page itself. I will need the CSS for Event Espresso page type instead of post type. Can you please advise? Thanks.
|
|
Dean
|
June 23, 2015 at 6:14 am
Hi,
There is no EE Page type, only Post type (custom post type) and Archive. An Archive is not actually a specific page, but is dynamically created by WordPress based on custom post type, category, tags, etc.
The only difference I can see is that on the Archive (/events/) we load a CSS file, when the shortcode is used on a standard Page, the CSS isn’t loaded.
I’ve raised a ticket to query this, as it might be an oversight, or it might be intentional, I don’t know.
The only work around I can see would be to use the CSS that loads on EE archives (ticket_selector.css), and use it in your custom CSS for the pages.
|
|
KarenC
|
June 23, 2015 at 6:18 am
I’ll try the work around you are suggesting. Please let me know how to do it. Thanks.
|
|
Dean
|
June 23, 2015 at 6:27 am
Hi,
I would copy the CSS (all of it) from http://www.professionalwomenslunches.com/wp-content/plugins/event-espresso-core-reg/modules/ticket_selector/assets/ticket_selector.css?ver=4.1.1 and paste it into your custom css file
I would add
/****************** Event shortcode css fix ******************/
before and after the css you paste in, that way if you need to look at it again you know what that large chunk of code does.
|
|
KarenC
|
June 24, 2015 at 5:36 am
Hi Dean, thanks for the workaround. It works exactly like you said. When you hear back from the developer on your query, please let me know.
While the workaround works well now, it might not be the best when updates are applied.
Thanks for your assistance and hope to hear from you soon.
|
|
Dean
|
June 24, 2015 at 6:03 am
Hi,
I’ll add a note to the ticket to update this thread once more is known.
|
|
Josh
|
July 1, 2015 at 9:46 am
Hi Karen,
There’s an update available (version 4.7.5.p) and it includes a fix so the ticket selector stylesheet loads on the page with the [ESPRESSO_EVENTS] shortcode.
|
