W3 Total Cache Compatibility

Plugins such as W3 Total Cache which offer the option to minify (optimize) your CSS and JS files may break Spotlight's styling, cause some posts not to show, or even cause the entire feed not to show when it's embedded anywhere on your website (or a combination of the three). The solution to this problem is to set W3 Total Cache to exclude some of Spotlight's files from its minification - the process of making CSS and JS files smaller for better performance.

Spotlight already does this internally for its CSS and JS files, which is why W3 Total Cache causes issues when it tries to optimize those same files itself.

Spotlight Free

To fix this issue, please go to Performance > Minify > Advanced, and add the below file paths to the Never minify the following JS files option. Be sure to add each file path on its own line. The screenshot below shows you how to do this.

File paths to add to W3 Total Cache for Spotlight Free:

  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/common.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/vendors.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/runtime.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/front-app.js

Spotlight PRO

In the case of Spotlight PRO, another two file paths must be added to the list.

The complete list of file paths to add to W3 Total Cache for Spotlight PRO:

  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/common.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/vendors.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/runtime.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/front-app.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/common-pro.js
  • wp-content/plugins/spotlight-social-photo-feeds/ui/dist/elementor-widget.js

Still need help? Contact Us Contact Us