Issue with Pro/Cornerstone and WP Maps Plugin?

[littlesprouts]

I use the WP Maps Plugin to display a map on 2 of our pages e.g. https://heartworksvt.com/schools/. Haven’t changed this in years. When in the Cornerstone editor > Preview > View on Front End, the map appears as it’s supposed to. But on the live site, it does not appear at all.

Please help.

[prakash_s]

Hello @littlesprouts,

Thanks for writing to us.

I checked your site it seems that it seems that there is a JS console error it might be the issue of plugin conflict issue. I also noticed that you are using the cache and JS/CSS optimization plugin. Regretfully, the issue is coming from the third-party plugin for which we don’t have any compatibility with the theme. Still, we will be interested to investigate and see if anything can be improved in Cornerstone, but please remember that as this is a 3rd party plugin we can’t guarantee any fixes.

To investigate it further please copy your live site to a staging server so we could troubleshoot freely without breaking your live site.
And give us access in the secure note including:

• WordPress Site URL & Login URL
• WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[ruenel]

Hey @littlesprouts,

When the Autoptimize plugin is deactivated, the map will display.

• See the screenshot in the secure note.

I also noticed that you have added HTML codes in the Custom JS section. You need to remove these codes:

<header class="masthead masthead-stacked" role="banner">
    
    

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
            <!-- original <p class="p-info">&nbsp;</p> -->
      
      <p class="p-info">
      <span style="color:#fff;" class="lefttext"><a href="http://example.com">&lt; Back to Example.com</a></span>
      <a id="tour-btn-desktop" class="x-btn red-btn tour-button x-btn-square x-btn-mini" style="color:#fff;" href="/jobs" title="Job Listings" data-options="thumbnail: ''"><i class="x-icon x-icon-search" data-x-icon-s="" aria-hidden="true"></i> SEARCH JOBS</a>
		</p>
          </div>
  </div>

    

  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        
<a href="https://heartworksvt.com/" class="x-brand img">
  <img src="/wp-content/uploads/2020/11/HWSWLW_Combined-Logo-1200x300.png" alt="Heartworks, STEAMworks & Loveworks Careers"></a>
        
      </div>
    </div>
  </div>

  <div class="x-navbar-wrap">
    <div class="x-navbar">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          
        </div>
      </div>
    </div>
  </div>

    
  </header>

Best Regards.

[littlesprouts]

Thank you. I did remove the code from the Global CSS and Global JS section. Not sure why it’s there? We were using Pro, then one day, everything changed to Cornerstone? Maybe that transferred over in the wrong spot. But that’s for catching this.

I deselected the JS optimization from the Autoptimizer plugin and the maps appeared again. Deactivating the plugin also shows the maps. However, deactivating or deselecting the JS optimization option decreases the site’s performance significantly. Can you receccomend another optimizing plugin that is compatible with the theme and allows for the WP Maps plugin to also work???

[ruenel]

Hello @littlesprouts,

Since the WP Maps plugin is a 3rd party plugin, we highly recommend contacting the creators of this plugin. They may have the best solution for your issue. They may also have suggested caching plugins that work best with their plugin.

Thank you for your understanding.