The Foxy forums are on the move!

We're in the process of moving our forums over to a new system, and so these forums are now read-only.
If you have a question about your store in the meantime, please don't hesitate to reach out to us via email.

Product image not showing on checkout page on mobile safari

ragusourceragusource Member
in Bugs & Feature Requests edited April 2012
Hi Guys,

On this site: http://bespokebrewery.co.uk/label-designer.php when I press the confirm order button I redirect the user to a checkout page which shows has a product image. The product image displays on a desktop but when I try it on iphone or ipad, the image link is broken.

The foxy cart url is: http://bespokebrewery.foxycart.com

Can you please advise?
Comments
  • lukeluke FoxyCart Team
    Thanks for posting. I've pinged @foxykevin who can hopefully take a closer look and figure out what's going on. Is there any chance the mobile app upload image part of the process could be part of the problem?
  • Hi luke,

    It is a possibility, but I don't think so as the image url is added correctly. On the mobile app, images are uploaded to http://i.imgur.com/ could that be an issue?

    Normal uploads are uploaded to the same domain as the website. Funny thing is if I create a design on the mobile, then load it on a desktop browser the image shows up fine.

    Both upload methods call the change change image url, and the only difference in the url that gets returned.
  • lukeluke FoxyCart Team
    Ah, yes, that could definitely be a problem. imgur may prevent image hot linking which means we won't be able to grab the image and serve it from our domain via https. When you load it up on the desktop, what is the full image url? Is it going through our cache system or referenced directly via http? If it's over http, it probably won't be displayed because it's an insecure image. Desktop browsers allow that, though they will show you a warning.
  • Hi Luke,

    On the desktop machine the image is shown via a https link via your caching system. So on desktop machines the cache system if pulling the image fine.

    An image uploaded to my server is passed to the cart like this:
    <input name="image" id="buyImage" value="http://bespokebrewery.co.uk/user-images/files/old-rope.png"; type="hidden">

    An image hosted on imgr is passed like this:
    <input name="image" id="buyImage" value="http://i.imgur.com/grG4T.jpg"; type="hidden">

    If hot linking was disabled, I should not be able to show the image on my site as well right? Imgr is an image sharing site, so I don't think they will disable hot linking.
  • Hi Luke,

    The issue was something to do with the image being on a different server then my own, I wrote a quick script in php to make the image look like it came from my own server:

    <?php

    //Set content type
    header('content-type: image/jpeg');

    // get the image url
    $imageUrl = urldecode($_GET);

    // image layer
    list($userImageWidth, $userImageHeight, $userImageType, $userImageAttr) = getimagesize($imageUrl);
    switch($userImageType) {
    case IMAGETYPE_JPEG:
    $userImage = imagecreatefromjpeg($imageUrl);
    break;
    case IMAGETYPE_PNG:
    $userImage = imagecreatefrompng($imageUrl);
    break;
    case IMAGETYPE_GIF:
    $userImage = imagecreatefromgif($imageUrl);
    break;
    }

    //Create final image
    imagejpeg($userImage, null, 100);

    //Clear up memory;
    imagedestroy($userImage);

    Now the url for my images looks like this:
    <input name="image" id="buyImage" value="http://bespokebrewery.co.uk/label-image.php?url=http://i.imgur.com/grG4T.jpg"; type="hidden">

    and is getting cached OK.
  • lukeluke FoxyCart Team
    Very interesting... thanks so much for posting the solution.
Sign In or Register to comment.