Frequently Asked Questions

  1. Home
  2. /
  3. Docs
  4. /
  5. Frequently Asked Question...
  6. /
  7. Troubleshooting
  8. /
  9. Why does my calendar not ...

Why does my calendar not display correctly when I use a shortcode?

Your calendar might display incorrectly, or output code instead of displaying the calendar, if you are also displaying a Google Map on your product page. The JavaScript added by Google Maps can cause conflicts with other JavaScript code including the FooEvents Calendar. In order to resolve this issue, you will need to remove the Google Maps coordinates from the Event Settings tab and then embed the Google Map instead.

Google Maps embed 1

Here are detailed instructions:

  1. Edit your event
  2. Go to the Event Settings tab
  3. Remove the coordinates in the Google Maps coordinates field
  4. Open a new web browser window and go to
  5. Search for the address that you want to display on your map
  6. Click on the Share icon
  7. Click on Embed a map in the window that pops up
  8. Click on COPY HTML to copy the iframe embed code
  9. Paste this code into the long description for the event using the WYSIWYG editor
  10. Update your event
Tags , , , , , , , ,