Pushing changes from Local to WP Engine makes all images disappear

Support
1

Bug Summary

Pushing changes from Local to WP Engine makes all images disappear. Using the browser dev tools, it looks like the image URLs do not update correctly as it’s trying to load the images from the local server (rather than the WP Engine server the changes were pushed to).

Prep:

  • Prepare two jpg images for testing (Test1.jpg and Test2.jpg)

Initial steps:

  1. In Local, click WP Admin
  2. Navigate to Media and Add Media File > Select Files > Test1.jpg
  3. Add a new page, call it Test, and click Edit With Elementor
  4. Add a container to the page and set its minimum height to 500px
  5. Navigate to the container’s Style and set Test1.jpg as the container’s background
  6. Click Publish
  7. View the page to confirm the container and image are displayed as expected
  8. From Elementor, exit to WP
  9. In Local, push the changes (Files, All Files, Database)

Crucial: on a different computer (not running Local):

  1. View the Test page at the WP Engine URL (the server you pushed the changes to) and observe no image shows up
  2. In the browser’s dev tools and sources, observe the browser is attempting to load Test1.jpg from .local (with a “Resource has no content” message)

Then:

  1. Repeat these same steps for Test2.jpg by adding a second container to the same Test page with Test2.jpg as its background, and observe how the same exact thing happens for both images (it’s attempting to load both from the local server)

Then:

  1. In Local, click WP Admin
  2. Navigate to Pages > Test > Edit With Elementor
  3. Select the first container with Test1.jpg as its background
  4. Navigate to the container’s Style, remove the image first, then re-set Test1.jpg as the container’s background
  5. Click Publish
  6. From Elementor, exit to WP
  7. In Local push the changes (Files, All Files, Database)
  8. On a different computer (not running Local): view the Test page at the WP Engine URL and observe both images now show up

Environment Info

  • Local 9.2.5+6810
  • iMac Retina 5K, 27-inch, 2020
  • macOS Monterey (12.7.4)
  • Safari 17.4.1 (17618.1.15.111.8, 17618)
  • WordPress 6.8.1
  • Elementor Pro 3.30.0 (Elementor 3.30.2)
  • No other plugins installed
  • Elementor Hello theme
2

Well, right after posting that, I figured out a fix for this. Or so it seems at least for now.

After the push from Local to WP Engine, sign into WordPress on WP Engine (the server and env you pushed the changes to), and navigate to Elementor > Tools > Clear Files & Data.

Conclusion: the same thing one sometimes has to do when pushing changes from staging to live (no matter where your WP site is hosted) so this makes sense.

1 Like
3

Thank you for following up and sharing that @kkh! That’s a good thing to keep in mind not just for Elementor but a lot of builders will require a flush or refresh after pushing or making changes. Here is a good list of common ones:

The Flywheel guide to clearing your theme/plugin cache