Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to fix images disappearing in product_info.php?


trevally

Recommended Posts

Upgraded from V2.3.3.3 to V2.3.4 and now the product images that should be appearing in the product_info.php have disappeared.

Strangely, I see them appear on the individual product page for a split second and then they disappear from the page.  

 

Any ideas to what I missed to cause this? I can't see anything in my error log and not using SSL. Any suggestions that I can try to get the images to appear on my product pages?

 

Link to comment
Share on other sites

Interesting...I have the same problem and was thinking that it was something I did upgrading 2.3.3.4BS to 2.3.4...I installed 2.3.4 on it's own as a test and it works fine...I've haven't tried installing 2.3.3.4BS on its own to see how that works but I'm assuming it works fine since others are using it without reporting any problems but I'm going to try that first.  In any case I don't have an answer for you but since misery usually likes company, I thought I would share that I'm having the same problem. I'll report back when I have some time to look at this closer but we'll get to the bottom of it one way or the other...did you upgrade from the BS version or straight from 2.3.3.3?  I'm wondering if we both missed the same step in the 2.3.4 upgrading instructions.

Link to comment
Share on other sites

Check that you have uploaded all of the new files to the /catalog/ext/ directory. OsCommerce 2.3.4 replaces bxGallery and FancyBox with PhotosetGrid and Colorbox on the Product Info page, so missing those files will cause some strange errors.

 

Regards

Jim

See my profile for a list of my addons and ways to get support.

Link to comment
Share on other sites

Check that you have uploaded all of the new files to the /catalog/ext/ directory. OsCommerce 2.3.4 replaces bxGallery and FancyBox with PhotosetGrid and Colorbox on the Product Info page, so missing those files will cause some strange errors.

 

Regards

Jim

Yes Jim - deleted the BxGallery and Fancybox directories and replaced with all the files/directories in the ext directory with the new ones from the V2.3.4 update package. Everything working without errors except for the product images appearing for a split second on loading the page.  

 

I definitely missed something in updating from V2.3.3 to V2.3.3.4 then to V.2.3.4. May be I should start again with a fresh install of V2.3.4 and import my database into it as I can't see what I missed.

 

 

 

Link to comment
Share on other sites

Hi

 

well I would be thinking it is either a mistake in the jquery files or a mistake  mistake in product_info.php

 

Right click and view source on product info by clicking on the jquery / colorbox links at the top  you can verify that they are being found

 

Try replacing your product_info.php with an original.

 

Regards

Joli

 

 

ps: did you remember the catalog/stylesheet.css

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

I updated the files in the /catalog/ext/ directory as Jim suggested and it sorted out my problem with the disappearing images. I was pretty sure I did that already and had followed the update instructions to the "t" but the facts suggest otherwise. In any case it worked in my case. Thanks guys...

Link to comment
Share on other sites

  • 2 weeks later...

Found my problem - it was in template_top.php ... all working now. Thanks all...

Hi. I am having the same issue.  Have made sure all files in ext have been uploaded as required and have also tried using original produt_info.php as others have suggested by @@joli1811 (John Dunlop) but still not working.

 

Can you elaborate as to the error you found in template_top.php as I have checked that files also and can not find the problem.

 

P.S.  I gather you are talking about the CATALOG/includes/template_top.php file and not the ADMIN/includes/template_top.php file.

 

Thankyou in anticipation.

Link to comment
Share on other sites

Hi. I am having the same issue.  Have made sure all files in ext have been uploaded as required and have also tried using original produt_info.php as others have suggested by @@joli1811 (John Dunlop) but still not working.

 

Can you elaborate as to the error you found in template_top.php as I have checked that files also and can not find the problem.

 

P.S.  I gather you are talking about the CATALOG/includes/template_top.php file and not the ADMIN/includes/template_top.php file.

 

Thankyou in anticipation.

FIXED - YEAH

 

Problem was that I have nivo-slider installed (http://docs.dev7studios.com/jquery-plugins/nivo-slider) and the last update requires   jquery 1.10.1 (install requires line of code =>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>  )

 

As I actually only have the banner/sliders on the home page I was able to limit loading the 1.10.1 jquery to only load on that page (if (($_SERVER['REQUEST_URI'] == '/index.php') || ($_SERVER['REQUEST_URI'] == '/')) { .......)  So jquery 1.10.1 no longer loads on product_info.php page and images now appear.

 

Hope this helps other using nivo slider. :)

 

P.S.  Just found an update to this addon - http://addons.oscommerce.com/info/9096 - yet to trial it out.

Link to comment
Share on other sites

During a week-long update/rebuild of my multiply-patched 2007 website for 2.3.4, I had most of these same issues: missing images (95% of them), briefly-displayed-then-disappearing images (on a few), and only sporadic success in uploading entirely new images.  I'd also tried most of the suggested fixes before going to the retail end of my site and clicking on the [blank] large image display where I saw a message that the .gif file (that I'd been using for 6+ years) was unreadable. I had an 'aha!' moment when I remembered that I had followed the 2.3.3.4 instructions and set my ftp upload protocol to ASCII.

 

I used my web host's control-panel file manager to do a server-side copy-and-paste of my original GIFs from my old 2.2rc3 site into the images file on my new 2.3.4 installation on the server side - and the images now display perfectly.  Worth a try.

 

 

Link to comment
Share on other sites

  • 1 month later...

I don't have an answer as to why something else would fix this problem, but it looks like this should be it. This is the code that controls the product's image on products_info.php.

<script type="text/javascript">
$(function() {
  $('#piGal').css({
    'visibility': 'hidden'
  });

  $('#piGal').photosetGrid({
    layout: '<?php echo $photoset_layout; ?>',
    width: '250px',
    highresLinks: true,
    rel: 'pigallery',
    onComplete: function() {
      $('#piGal').css({ 'visibility': 'visible'});

      $('#piGal a').colorbox({
        maxHeight: '90%',
        maxWidth: '90%',
        rel: 'pigallery'
      });

      $('#piGal img').each(function() {
        var imgid = $(this).attr('id').substring(9);

        if ( $('#piGalDiv_' + imgid).length ) {
          $(this).parent().colorbox({ inline: true, href: "#piGalDiv_" + imgid });
        }
      });
    }
  });
});
</script>

Notice it first sets the visibility to "hidden" then later it is supposed to change to "visible". It must not be completing whatever it is supposed to. Changing the "hidden" to "visible" does fix the problem of the image disappearing, but I would like to know why it disappeared in the first place.

 

*EDIT: After looking at the code some more and playing around with my demo site, I have come to the conclusion that this script is intended to handle the large image display when someone clicks on the product's image. On my site it does not work. Clicking on the image does nothing. But at least now I have images.

Link to comment
Share on other sites

  • 6 months later...

Found this on the "release notes" and solved the missing image problem.

 

In:

includes/template_top.php

around line 44, change from:

<script type="text/javascript" src="ext/jquery/bxGallery/jquery.bxGallery.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="ext/jquery/fancybox/jquery.fancybox-1.3.4.css" />
<script type="text/javascript" src="ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

to:

<script type="text/javascript" src="ext/photoset-grid/jquery.photoset-grid.min.js"></script>

<link rel="stylesheet" type="text/css" href="ext/colorbox/colorbox.css" />
<script type="text/javascript" src="ext/colorbox/jquery.colorbox-min.js"></script>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...