What is the template name for PlugIn: Calendar

I want to create another event page with a different layout using calendar format. I already had an event list page. It appears Events+ limit only to create one. So I try the shortcode on a page. However , it kept showing a page of the current month with light gray shaded of today cell. Nothing else. I was wondering what shortcode do I need to retrieve. It seems not working as I expect. I tried category, date and some other and nothing was working. I d on't know what is the template name to select.

I could see a nice calendar page if I go to Settings--> Appearance Settings
and then click on Override default appearance. I set "Plugin : Calendar" for the archive template. It works perfectly. How I could make the same shortcode to produce the same thing. So I can have two different formats of event pages with the same event archive. Some people prefer look at the list and some people prefer look at the calendar. Everyone has different style.

    Adam Czajczyk

    Hello Karen!

    I hope you're well today and thank you for your question!

    The default "Archive" (list of events) page is the "list view". It's using the default "archive" template page of the theme that's currently set as active on your site. I think that's what you mean by referring to a "list view".

    When you switch the "Events -> Settings -> Appearance" to "override" and select "Calendar" option it will put the calendar view instead on archive page. This is the same calendar that you may put on any page/post with this shortcode:

    [eab_calendar]

    It should act and look pretty much the same. There's a number of attributes that you may add to it to make it look a bit better, for example you can add navigation and even thumbnail

    [eab_calendar navigation="yes" with_thumbnail="yes"]

    Is this the shortcode that you tried? If yes, on which site/page I can check it?

    It's possible that some slight custom CSS styling would have to be added to the site but I'd need to see it first.

    Please advise!
    Best regards,
    Adam

    Karen

    I retried a few times and it did not work but I added the date shortcode to 2016-10-01. It shows the month of October only. It appears that there is a problem with paging . I added paged="yes" and the little arrow appears above but it is still not functioning. Then I tried the track shortcode. I even added an event for November and nothing is working.

    My shortcode is shown as following:
    [eab_calendar navigation="yes" with_thumbnail="yes" paged="yes" track="yes" date="2016-10-01" weeks="52"] (Note: I don't see any effect for navigation, weeks, track)

    See the "Test Event Calendar" on the top right menu of the screen.

    I like the thumbnail feature. Is there any document or tips to create a better thumbnail picture. Unfortunately, the picture cropped automatically rather than scaled down images.

    Adam Czajczyk

    Hello Karen,

    Thank you for your replay!

    The "weeks" and "paged" attributes are not supported by the "[eab_calendar]" shortcode, they belong to the "[eab_archive]" shortcode which shows a list view of events. That's why these two doesn't take any effect here. I removed them already from the page on your site.

    I have then checked the site and I can see that the navigation doesn't work. It seems that there's a conflict with your theme. I downloaded the free version of that theme and set it up on my own sandbox and can confirm that. While with default "Twenty Fifteen" and "Twenty Sixteen" themes as well as many other themes, that works as expected, with Sydney it doesn't.

    I consider this a compatibility bug and I have already reported it to our Second Line Support team so they could check it and provide a fix.

    As for thumbnails. The way they are presented is the "default" way but that I think could be adjusted with either some CSS or an additional code snippet (or both). Could you please elaborate a bit on how would you like them to work/look like? I'd then see what I can do about it.

    Best regards,
    Adam

    Karen

    Oh okay. As for thumbnails, If you go down to the team section on the home page, click to scroll the next page. I know this belongs to Sydney. Use my name as a perfect example. LOL! Now you may know what I look like. Then select Employee from the dashboard and view all. View my name and you will see the photo looks fine. Any suggestion? It is a good thing I tested only a few members. I will arrange to have good pictures of each team member once I have a better guideline.

    Dimitris

    Hello Karen,

    hope you're having a beautiful day!

    Inspecting the employees section, we can see that theme is using a 550*400px avatar image (cropped copy of the original image)

    <div class="avatar">
      <img width="550" height="400" src="http://xxxxxxxxxxx.com/wp/dcdeaf/wp-content/uploads/sites/2/2016/09/Karen-550x400.jpg" class="attachment-sydney-medium-thumb size-sydney-medium-thumb wp-post-image" alt="karen">
    </div>

    Just use pictures to these exact dimensions (550*400px) and no cropping should take place in there.

    Take care,
    Dimitris

    Karen

    Thank you for mentioning "Multiple Theme". I think it is a very nice feature. I tested for only one page and it is still the same problem. The major problem is that it would not go beyond one month of events. I have an event page called "Test November" for a date in the month of November. The page is /test-archive-events/. I even used shortcode for lookahead and tried paged.

    I look forward to hearing from you shortly.

    Adam Czajczyk

    Hello Karen!

    Thank you for granting access again. I checked your site one more time and I still think the events calendar/archive issue is related to the Sydney theme. I'm not sure how the Multiple Themes plugin works (I'm referring to its code) but it seems like the main theme is always affecting the Events+ performance.

    Since it's already escalated to our Second Line Support, I hope they'll be able to find a reasons for this and a solution soon. Please keep track of this thread and I'll let you know as soon as I get a replay from them.

    Best regards,
    Adam

    Mahlamusa

    Hello Karen,

    I hope you are having a great day so far. We are really sorry for the delay in solving this issue.

    I went through the investigation by creating a setup of the Sydney theme and Events+ plugin. I managed to find the issue causing the page to scroll when loading clicking the navigation links on above the calendar. This is caused by a JavaScript in the Sydney theme, there is a jQuery selector that binds all links to the the scroll effect when clicked.

    To make the jQuery excuse the navigation links of the Events+ calendar, I have modified the JavaScript file located at 'wp-content/themes/sydney/js/main.min.js'. I have place the following code inside the ':not()' selector.

    [href="#eab-calendar-eab-monthly_calendar-eab-shortcode_calendar"],.eab-monthly_calendar, .eab-shortcode_calendar-navigation-link, .eab-navigation-next, .eab-time_unit-month, .eab-navigation-next,.eab-time_unit-month

    I changed the line from

    t('a[href*="#"]:not([href="#"],[class*="tab"] a,.wc-tabs a, .activity-content a)').click(//rest of the code...

    To the following

    t('a[href*="#"]:not([href="#"],[href="#eab-calendar-eab-monthly_calendar-eab-shortcode_calendar"],.eab-monthly_calendar, .eab-shortcode_calendar-navigation-link, .eab-navigation-next, .eab-time_unit-month, .eab-navigation-next,.eab-time_unit-month,[class*="tab"] a,.wc-tabs a, .activity-content a)').click(//rest of the code...

    You may simply download and unzip the attached zip file and upload the contained JavaScript file to replace the one located at 'wp-content/themes/sydney/js/main.min.js' in your website. This will get your navigation to work as it should. Alternatively, you can install the attached 'sydney.zip' theme to your website. Both methods may be risky depending on whether an update has been released since the I uploaded the files, so best way is to modify the JavaScript manually in case it was updated.

    Please note that the JavaScript file is inside the theme which means your changes will be lost when updating the theme. To make sure you keep your changes, then consider creating a child theme with the modified JavaScript file as part of the child theme so that your changes will be retained when an update to the main theme is performed.

    To create a child theme, follow this guide. If you can't do it yourself consider hiring someone to do it for you in the Job and Pros page.

    I hope you find these useful.

    Please enjoy your day further.

    Cheers,
    Mahlamusa

    Mahlamusa

    Hello Karen,

    I forgot to mention that I see the theme developer has taken the effort to include such fixes for other plugin which had the same issue, so I think if you contact them and give them a link to this page they may consider adding the line I added and include it in their next update.

    That seems to be a better option than creating a child theme.

    I believe the theme author may have a better way to apply this fix so it may be worth your time to contact them about this.

    Cheers,
    Mahlamusa

    Karen

    Hi Mahlamusa,

    I have a question to ask.

    When did you last download the Sydney theme?

    I could not find the :not()' selector to see where I should manual change the code but I am going to try the child theme to override the JS after I study.

    Let me know if the current Sydney has changed significantly or I overlooked or misunderstood. I look forward to learn something from you.

    Thanks in advance

    Mahlamusa

    Hi Karen,

    I last downloaded the Sydney theme on March 24, 2017.

    I could not find the :not()' selector to see where I should manual change the code but I am going to try the child theme to override the JS after I study.

    The ':not()' selector is in the JavaScript file 'wp-content/themes/sydney/js/main.min.js' you should access the file system using FTP or web based File Manager available in your hosting control pane. You need to navigate to that file and edit it, when the code opens you can search for ':not' inside the file and inside the brackets ':not(...)' you will see the code and you have to change that as outlined above.

    I am not sure if the current Sysdney has changed significantly or not, but if I had access to your site I will be able to tell and also make the changes for you if you are having problems doing it on your own. If I do it I will only do it on the current them and will not be in a position to create a child theme for you.

    If you are interested in a simple way of creating a child theme, you should install and try the Child Theme Configurator plugin, install it to your website and configure a new child theme. Choose to create a child theme, choose Sydney as the parent, then in the theme files tab you should choose to copy the JavaScript file mentioned above and that is the one you should modify. Be sure to choose to copy the parent theme's settings then Afterwards you can activate your child theme.

    I also suggest you grant staff access to your website so I can have a closer look. Granting staff access will make it easier for me to add the modifications for you if you are having trouble doing it yourself. To grant staff access, follow this guide: https://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    I hope this helps you.

    Cheers,
    Mahlamusa

    Mahlamusa

    Hi Karen,

    I hope you are doing well today. Thank you very much for the points.

    I just want to find out if the theme update solved the problem for you or not. Please let me know if the Events Calendar is working as it should on the updated theme or not. I will be happy to hear that it works but will always be available to help if you still need more help with regards to this issue.

    Please enjoy your day further.

    Cheers,
    Mahlamusa