Widget display

Hi @benmez

Thanks for reaching out.

On this page https://www.ccfb-nantes.org/le-ccfb/ you’re still using 5.16.4 and could probably be still using V1 views which the current version v6.0.7.1 does not support anymore.

See- https://theeventscalendar.com/knowledgebase/k/v1-deprecation-faqs/

To resolve this, you could try to copy this template

plugins/the-events-calendar6.0.7/src/views/v2/widgets/widget-events-list.php

and override it in your own theme by creating a file at:

[your-theme]/tribe/events/v2/widgets/widget-events-list.php

After that, modify the template from your theme so that it will have the same HTML structure as the old one.

Let me know if you have further questions or concerns.

Hi @benmez, I am just curious template are you using under the Display Settings? The Dev site seems to use Skeleton Styles under Events → Settings → Display → Default stylesheet used for events templates. Could you interchange the settings?

See if that makes a difference and ensure that any template is not causing the issue.

Hi Abz, Thks for the tip . Unfortunately, I tried to interchange the settings it doesn’t make a difference

Hi Darian!Thks for your explanation and tip. I need to figure out how to do this and I will anyway let you know if it worked

Hi @benmez

Did the template override resolved the issue?

If that doesn’t help, could you provide the version of the following? This will help me understand how your system is set up.

• PHP
• WordPress
• The Events Calendar
• Theme

Hi Darian,

I need the owner of the website to be with me, we have planned to meet on Tuesday, I hope I can workout the template override with the help you provided. I will let you know.

The version we are working with are:

PHP : 7.4

WordPress: 6.1.1

Theme : Cream Magazine : 2.1.0

The Events Calendar: 6.0.7.1

Hi @benmez,

Thanks for the update. We will await your response here!

Thank you,
Erica

Hi, I just tried the template override. I am now working on a work environment with different URL from those mentioned above.

The display problem can be seen here : https://mezlef.net/ccfb/. This problem occured after I updated The Events Calendar plugin

What we would like to retrieve is the display that was following the theme display before the update, as shown here: https://www.sylben.net/le-ccfb/

I hope I understood your instructions correctly… Here is what I did:

I copied the file : plugins/the-events-calendar6.0.7/src/views/v2/widgets/widget-events-list.php (from the previous The Events Calendar version that gives me the correct display)

Then I went to the updated website, I created the correct path in my theme (Cream-magazine/views/v2/widgets) and pasted the file here

Unfortunately, nothing happened….

I opened both php files with Notepad , the one of the updated plugin and the non upgraded version and they seem the same to me…..

Maybe I misunderstood some of the instructions…. Could you please provide further help?

Sorry, the path I created is not (Cream-magazine/views/v2/widgets)?

but : wp-content/themes/cream-magazine/tribe/events/v2/widgets)?

Hi @benmez

Just want to followup on this one. Did the correct path resolved the issue?

If not, please provide a screenshot of the issue since both pages are now showing the same layout:

https://www.ccfb-nantes.org/le-ccfb/
https://dev.ccfb-nantes.org/ccfb/

Hi Darian,

I believe there is a misunderstanding…

1. First of all, as I don’t have a free access to the ftp on the actual ccfb websites (prod and dev), I have migrated them onto my own environment to fix the problem with the agenda widget.

2. In the previous version of The Events Calendar, the view kept the theme template as shown on this page (actual “prod” website): https://www.sylben.net/le-ccfb/

3. After updating your plugin , the same agenda shows in a different way and doesn’t keep the Theme template as seen on this page (test website): https://mezlef.net/ccfb/

The owner would like the agenda to display like before : https://www.sylben.net/le-ccfb/

4. I have tried the template overriding that you advised. Just to be sure I did it right, I described what I did in my previous message. Which is basically that I copied the “plugins/the-events-calendar6.0.7/src/views/v2/widgets/widget-events-list.php” file from the non updated version to here, in the updated version: cream-magazine/tribe/events/v2/widgets/widget-events-list.php

Nothing has changed, as you can see on the page mentioned in paragraph 3

5. I might have missed what this part from your first message actually means: “After that, modify the template from your theme so that it will have the same HTML structure as the old one.”

I have compared the “plugins/the-events-calendar6.0.7/src/views/v2/widgets/widget-events-list.php” in the previous version and the updated version and both files contents are identical….

I am wondering what I may have missed in the procedure you described to fix the problem…. Thanks for your help

Hi @benmez

Thanks for your response.

You’ll need to modify this file cream-magazine/tribe/events/v2/widgets/widget-events-list.php so that it will have the same structure as your old template found on this page.

For now, you could try adding widget and widget-title classes to the file. See- https://share.getcloudapp.com/9ZuzkW1L and https://share.getcloudapp.com/7Kuj5xDN

After that you could customize it further through CSS.

Let me know how it goes.

Hi Darian,

1)You advise : You’ll need to modify this file?cream-magazine/tribe/events/v2/widgets/widget-events-list.php?so that it will have the same structure as your old template found on this?page.

My problem is : this file is the same in both websites: here: https://www.sylben.net/le-ccfb/ and here : https://mezlef.net/ccfb/ so, I don’t know how to modify it to get the old template

2)You advise : For now, you could try adding?widget?and?widget-title?classes to the file. See-?https://share.getcloudapp.com/9ZuzkW1L?

I have added both widget and widget-title in themagazine/tribe/events/v2/widgets/widget-events-list.phpfile, as shown in your first link. It doesn’t change anything ….Maybe because of my problem in 1)….

3) You advise : After that you could customize it further through CSS.

I have managed to get the older template (green background and green line after the title) with css and I get what you showed me in your second file: ?https://share.getcloudapp.com/7Kuj5xDN The problem is the owner really liked the previous display with the large title first and date and time below the title, in smaller font as shown here : https://www.sylben.net/le-ccfb/ and I can’t get that display just with additional css…..

Any other file I could modify to get the previous display ( and possibly the theme template)?

Thanks in advance for your time

Hi @benmez

Apologies for the confusion. Yes they have the same content since they are both for V2 views. The one you’re using on this site is still in V1 which is not supported in our latest version.

I’m not sure why it’s not working, but I tried it on WP’s 2020 theme and the path for the theme should be correct.

Is this the theme you’re using? I’d like to try it on my end.

Thanks Darian for following up. Yes this is the theme I am using