Calendar does not appear

SupportCalendar does not appear
Charlie asked 7 years ago

Hi Nikola,
I add the code [[ea_standard]] to my page and the form appears WITHOUT the calendar.  It allows me to select location, service and worker but still does display calendar.
If I add code [[ea_standard]] then nothing appears.
Please help as I wish to use your great tool for a client 

11 Answers
Nikola Loncar Staff answered 7 years ago
Hi, maybe styles are hiding it. Can you share link to page with customers form with short code? Best regards, Nikola
Charlie Staff answered 7 years ago
Hi Nikola, Here is the link to the page: http://www.philembassymadrid.com/passport-visa-news 
Nikola Loncar Staff answered 7 years ago

Hi Charlie, there is an error that is blocking EA from working. This code:

jQuery('.ticker').bxSlider({
	infiniteLoop: false,
	auto: true,
	pager: false,
	nextText: '',
	prevText: '',
	speed: 2000,
	pause: 4000
});

can you comment out that part and after that it should work. Both bootstrap and standard version.
Best regards,
Nikola

Charlie Staff answered 7 years ago
Hi Nikola, Thanks for your rapid response. I have noticed that the code you select is part of code for simple popup plugin and it appears on EVERY page of the site. Is there an easy way of getting rid of it from every page?  Maybe I need to uninstall the popup plugin? Maybe I only need to delete code from this one page? Can you indicate EXACTLY which bit I have to "comment out"? As you can tell i am not a wordpress expert.  Is "comment out"  same as putting <!--  xxxxxx  --> arounf the bit of unwanted code? Your help is appreciated.   <!--/Simple Popup Plugin-->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.ticker').bxSlider({
infiniteLoop: false,
auto: true,
pager: false,
nextText: '',
prevText: '',
speed: 2000,
pause: 4000
});
jQuery("li.current-menu-item > a").css("font-weight", "bold");
});
</script>
Charlie Staff answered 7 years ago
Hi Nikola, i have now delete simple popup plugin but this code is still there and the calendar still does not appear. where (which file or page) do I get rid of it as it appears on every page?
Nikola Loncar Staff answered 7 years ago
Hi Charlie, looks like you are missing import of all JS files. That is the reason why you have that error in a first place. Please take a look at your theme and check if there is footer callback with in. It is not placing imported JS files to HTML. Best regards, Nikola
Nikola Loncar Staff answered 7 years ago
Please check if you theme have wp_head() and wp_footer() inside main template HTML file (should be index but it depends on there organization). Best regards, Nikola
Charlie Staff answered 7 years ago

Here is code from index.php (main template HTML file):

<?php
/**
* Main template file.
*/ get_header(); ?> <div class="slideshow">
<center>
<ul class="ticker">
<li>
<img src="<?php bloginfo( 'template_directory' ); ?>/images/a.jpg" width="900" height="250"/>
</li>
</ul>
</center> </div>

<?php get_sidebar(); ?> <div class="content">
<div class="cn_window">
<div class="cn_news">
<div class="cn_header">
<h2>Latest News</h2>
</div>
<?php
get_template_part( 'loop', 'news' );
?>
</div>
</div>

<div class="cn_windnone">
<div class="cn_windnone_left">
<div class="cn_windnone_header">
<h2>Embassy Announcement</h2>
</div>
<div class="cn_windnone_content">
<?php
get_template_part( 'loop', 'announcement' );
?>
</div>
</div>
<div class="cn_windnone_right">
<div class="cn_windnone_header">
<h2>Community & Cultural Zone</h2>
</div>
<div class="cn_windnone_content">
<?php
get_template_part( 'loop', 'bulletin' );
?>
</div>
</div>
</div>

</div><!-- #content --> <?php get_footer(); ?>
Nikola Loncar Staff replied 7 years ago

For some reason it is not appending JS files in HTML. Can you please tell me is that template active on that url that you shared? You can try adding something just to see if that is visible after that.

Best regards,
Nikola

Charlie Staff answered 7 years ago
Hi Nikola,  Yes this template is being used as I make changes to the images that are displayed at the top. Could you give me any more guidance to see how/why not appending JS files in HTML? Where else should I look? Regards, Charlie
Charlie Staff answered 7 years ago
Hi Nikola, I amsure you are very busy.  Are you able to give me any more information? Best regards, Charlie  
Nikola Loncar Staff replied 7 years ago

Hi Charlie I will send you more details how to solve your issue later this day. 🙂

Best regards,
Nikola

Nikola Loncar Staff answered 7 years ago
Hi Charlie, you are missing those JS files from loading :
http://www.philembassymadrid.com/wordpress/wp-content/plugins/easy-appointments/js/libs/moment.min.js http://www.philembassymadrid.com/wordpress/wp-includes/js/underscore.min.js?ver=1.8.3 http://www.philembassymadrid.com/wordpress/wp-content/plugins/easy-appointments/js/libs/jquery.validate.min.js http://www.philembassymadrid.com/wordpress/wp-content/plugins/easy-appointments/js/frontend-bootstrap.js
add those to your page as script html elements. Best regards, Nikola