thisisbolo

Hi Maarten,

I wish it was that simple. Quotes are curved. Basically if I try and do display="consolidated", it doesn’t abbreviate the days that have the same times. Nor do the other shortcode options work. Just curious, what theme did you test on?

• This reply was modified 7 years, 1 month ago by thisisbolo.

Ok – one step forward. Now I just need to figure out how to make the map entered to the markers. This at least gets rid of the grey and actually shows a map but not quite there yet.

<script>
jQuery(document).ready(function(){
jQuery('#wpsl-gmap, #wpsl-stores').hide();

    jQuery(document).ajaxComplete(function() {

jQuery('#wpsl-gmap, #wpsl-stores').show();
    
    google.maps.event.trigger(jQuery('#wpsl-gmap')[0], 'resize');
    
});
});

</script>

I’ve done more research and I think I’m on the right track but the maps still grey, it not focused on the markers. I’d also be open to suggestions on how to not have the auto geo locate trigger the listing right away ??

<script>
jQuery(document).ready(function(){
     jQuery('#wpsl-gmap, #wpsl-stores').hide();
    
     jQuery(document).ajaxComplete(function() {
          jQuery('#wpsl-gmap, #wpsl-stores').show();
          console.log('You just revealed the map');
          var center = map.getCenter();
          google.maps.event.trigger(map, 'resize');
          map.setCenter(center);
          });
});

</script>

Ok – I did a bit more research, I think what I need to do is refresh the map when it shows again. Do you know what the function for that is? Or what you may have defined the map as?

I found something like this but obviously I don’t have the right map definition so console returns that the ‘map’ isn’t defined.
google.maps.event.trigger(map, ‘resize’);

I think what I have to do is this…

<script>
jQuery(document).ready(function(){
jQuery('#wpsl-gmap, #wpsl-stores').hide();
    jQuery(document).ajaxComplete(function() {
    jQuery('#wpsl-gmap, #wpsl-stores').show();
    // Do something here to refresh the map so it's not grey
    console.log('I just finally revealed this friggin' map');

});
});
</script>

@tijmensmit Thanks for helping me through this and providing me with the right resources to learn from. What are your suggestions on getting the geo-locate to not fire the store results. Is the event.stopPropagation(); the right thing to use? And if so, then where do I used it?

Ok – I got this somewhat working. In the settings of the plugin, I had to unselect Attempt to auto-locate the user: OFF & Load locations on page load: OFF

The auto-locate was triggering the ajax to fire before hitting the submit button. I found this function event.stopPropagation(); to try and stop the geolocation for starting but I don’t think I’m using it properly. Below is the supporting Javascript. Only problem is the map renders all grey. Almost there!!!

<script>
jQuery(document).ready(function(){
jQuery('#wpsl-gmap, #wpsl-stores').hide();
    jQuery(document).ajaxComplete(function() {
    jQuery('#wpsl-gmap, #wpsl-stores').show();
    console.log('I just finally revealed this friggin' map');

});
});
</script>

• This reply was modified 7 years, 1 month ago by thisisbolo.

It writes to the console log but for some I can’t get the #wpsl-gmap to trigger to show

<script>
    jQuery(document).ajaxComplete(function() {
    console.log('test');
    jQuery('#wpsl-gmap').show();
});
</script>

Thanks for the suggestions ?? Super nice dude!

Still no luck for me. I’ve also tried in the settings to turn off ‘Load locations on page load:’

CSS: #wpsl-gmap {display: none;}

<script>
    jQuery(document).ajaxComplete(function() {
    jQuery('#wpsl-gmap').show();
});
</script>

I’ve even tried plugging in prevent default :S I know this is out of your scope. You taking the time to even respond and help is much appreciated.

• This reply was modified 7 years, 1 month ago by thisisbolo.

This was my latest code but still can’t seem to get the map triggered to show :S In theory, this should work.

<script>
jQuery(document).ready(function(){
jQuery('#wpsl-gmap').hide();
 jQuery('#wpsl-search-wrap').submit(function() {
    jQuery('#wpsl-gmap').show();
});
});
</script>

Hey – thanks for catching that. This was merely a typo in my post. I’ve tried this and also tried submit function. For some reason, it’s not working. I think it has to do with it being outputted through ajax but can’t figure out a ajax function

Hi Maarten, so I’ve tried a bunch of stuff, deactivated plugins, downgraded php to 5 and back up, tried different themes. Seems like the options on the shortcodes don’t work. Well, so far it seems to only be the display and output settings. The format 12/24 works. Could you test this once more on your end? [mbhi_hours location=”mylocation” display=”consolidated” output=”table”] On the backend under my settings i have display mode as normal and output as table. Thanks in advance.

Hi Maarten, thanks for your response. I appreciate your immediate support. I’m running MAMP at the moment and don’t have any cache plugins running. I can get away with it for now and will most likely purchase the full version. Maybe when I push the site to production you can take a look?

@bideja Did you ever find a solution to this. I’m building locally but have run into the same issue. None of the display options in the shortcodes work.

I can’t switch between inline and table or normal vs consolidated. I’m running the latest version of WordPress and PHP 7.0.22

• This reply was modified 7 years, 2 months ago by thisisbolo.