No images on mobile
-
Hello,
I’m testing out the free version of the plugin and so far I like how it works. The only problem I’m having is images are not loading in because they are calling the full URL instead of a relative URL, and I’m trying to share my site from my local server using ngrok. So even though everything else loads on the site loads in fine, the plugin is entering the URL for my local server and not the ngrok supplied URL. Is there a way to disable full URLs and just use relative paths?
For example, my locally hosted address using Desktop Server is gokeyusa.dev.cc
Since I’m using ngrok, it supplies a new URL, let’s say abc.xyz. When the plugin is calling the images, it’s calling the full src=”http://www.gokeyusa.dev.cc/wp-content/uploads … etc” instead of just src=”/wp-content/uploads/ …” etc.
-
Got it to work!
I had to change your CDN example to:
function svi_cdn_image_url($image) { $url = $image[0]; $types = ["gif", "png", "jpg"]; $type = substr($url, -3); if (in_array($type, $types)) { $site = get_site_url(); $cdn = "{ngrok URL}"; $image[0] = str_replace($site, $cdn, $url); } return $image; } add_filter('wp_get_attachment_image_src', 'svi_cdn_image_url');Interestingly enough, with the filter in place, it adds the ngrok URL to all of the images, even the ones WooCommerce was displaying as relative in my example above. If I remove the filter, they go back to relative.
All good now!
The topic ‘No images on mobile’ is closed to new replies.
