Kryptronic Software Support Forum

You are viewing this forum as a guest. Login to an existing account, or create a new account, to reply to topics and to create new topics.

#1 11-02-2009 20:42:32

tlg
Member
Registered: 10-11-2007
Posts: 50
Website

Additional images coming up large in product view

Since I upgraded to Europacart 7 the additional images for each product are coming up large images rather than small images which will display above large when hovered over.

This is how it should look:

http://www.djhypermarket.co.uk/index.ph … ref=eqla07

but this is how it currently looks:

http://www.djhypermarket.co.uk/ec/index … ref=eqla07

Any ideas why this is happening?

Also when I view my new Europacart 7 site in IE I am getting a grey background behind some text for some reason (the problem is not there in Firefox), on the front index page you will see a grey background on the following text:

  Regularly:
  On Sale:

Why is this happening?

Thanks for your help!

Offline

 

#2 11-04-2009 14:58:21

RArch
Member
Registered: 03-10-2008
Posts: 34

Re: Additional images coming up large in product view

I never noticed but can confirm the same image problem on our test installation of v7.  The images are not being scaled down like they are in v6.  When I view the image properties on v6 i get "200px × 200px (scaled to 75px × 75px)" but on v7 the same image its just "200px × 200px"

I've tried using the default skin and it does the same!

Offline

 

#3 11-06-2009 04:28:56

RArch
Member
Registered: 03-10-2008
Posts: 34

Re: Additional images coming up large in product view

Anybody? sad

Offline

 

#4 11-06-2009 05:22:20

dh783
Member
From: Avondale, Arizona
Registered: 04-06-2005
Posts: 6233
Website

Re: Additional images coming up large in product view

I think that this was more of a mod than the default for ccp, but I don't really remember.

John

Offline

 

#5 11-06-2009 05:35:15

dh783
Member
From: Avondale, Arizona
Registered: 04-06-2005
Posts: 6233
Website

Re: Additional images coming up large in product view

As I see it this was not a part of the ccp6 US version but was in the Uk version, two postings on this that I found are  and .

John

Offline

 

#6 11-06-2009 11:08:44

RArch
Member
Registered: 03-10-2008
Posts: 34

Re: Additional images coming up large in product view

Ahh that could explain it, Thanks for replying. Looks like I've got a lot of products to edit before 7 can be made live sad

I wonder what other pleasures we are going to find...

Offline

 

#7 11-06-2009 11:41:46

dh783
Member
From: Avondale, Arizona
Registered: 04-06-2005
Posts: 6233
Website

Re: Additional images coming up large in product view

Well it doesn't mean that you can't mod ccp7 to do the same thing.

John

Offline

 

#8 11-06-2009 12:16:07

Dave
Member
Registered: 07-05-2003
Posts: 11233

Re: Additional images coming up large in product view

There is actually very little code involved and it's fairly easy to add it into the product detail display for V7.

Offline

 

#9 11-06-2009 22:45:57

tlg
Member
Registered: 10-11-2007
Posts: 50
Website

Re: Additional images coming up large in product view

Can anyone give me the code that I need to add to product detail display and where I put it?

I have tried doing some of the changes mentioned in the two posts above, but probably because they related to CCP6, it is not working.

Offline

 

#10 11-07-2009 10:40:59

RArch
Member
Registered: 03-10-2008
Posts: 34

Re: Additional images coming up large in product view

I haven't tried myself but I would imagine you could compare the code in your CCP6 from here:

Location: Home > ClickCartPro (GBU) > Displays: Skins, Menus, XHTML Includes and Messages > Manage Catalog Product Displays: Detail View

Pick the appropriate display to update:- Centered Image Display or Default Format

To the code in CCP7 here:

Location: System Dashboard > Store > Store Displays > Product Detail Displays

Pick the matching display:- Centered Image Display or Default Format

And add in the appropriate code, you may even get away with replacing the code in CCP7 with what you have in CCP6. Remember to take a backup copy first.

As I have said I haven't tried and after talking it over we don't have any plans to, we want to stick with standard CCP7 as much as possible to make future upgrading as easy as possible.

Offline

 

#11 11-07-2009 12:46:46

tlg
Member
Registered: 10-11-2007
Posts: 50
Website

Re: Additional images coming up large in product view

I tried using the CCP6 code but couldn't get it to work.

Offline

 

#12 11-07-2009 12:50:47

Dave
Member
Registered: 07-05-2003
Posts: 11233

Re: Additional images coming up large in product view

Post what you've tried and we'll try to help you correct it.  Just the bits you've added/changed should be enough.

Offline

 

#13 11-07-2009 14:49:55

tlg
Member
Registered: 10-11-2007
Posts: 50
Website

Re: Additional images coming up large in product view

Dave wrote:

Post what you've tried and we'll try to help you correct it.  Just the bits you've added/changed should be enough.

Thanks Dave, I have tried it two different ways, firstly adding:

Code:

// +--
// | Print the thumbnails.
// +--

$usethumb = $this->globals('core_settings.' . $app . '.imguseprodthumb');
$imgwidthth = $this->globals('core_settings.' . $app . '.imgsizeprodlgth');
$usethumb = 1;
$imgwidthth = 100;

where I think it should go, below is my full code:

Code:

<?php 

// +--
// | Get variables we need to draw this display.
// +--

$ns       = $this->globals('core.namespace');
$eol      = $this->globals('core.eol');
$proddisp = $this->globals('ecom.prod_proddetail');
$xid      = $proddisp['id'];
$id       = $this->xhtml_encode($xid);

if ($ns == 'addcart') {$ns = 'prodshow';}

$this->globals('ecom.prod_proddisp',$proddisp);
$this->globals('ecom.prod_priceinfo',$proddisp['core.priceinfo']);

// +--
// | Create the product name and description.
// +--

$prodname  = $this->xhtml_encode($proddisp['name']);
$manufacturer = $this->xhtml_encode($proddisp['manufacturer']);
$proddesc  = $proddisp['desclong'];
$desc_has_tags = $this->has_tags($proddesc);

if (empty($proddesc)) {

     $proddesc       = $proddisp['descshort'];
     $desc_has_tags  = 0;

} // End of if statement.

if (empty($desc_has_tags)) {$proddesc = '<p>' . $this->xhtml_encode($proddesc) . '</p>';}

// +--
// | Create the image tag(s).
// +--

$imglist  = $proddisp['imglg'];

if (empty($imglist)) {$imglist = 'none.png';}

$imglist  = $this->make_list($imglist);
$imgwidth = $this->globals('core_settings.ecom.imgsizeprodlg');
$imgtag   = '';

if (empty($imgwidth)) {$imgwidth = 200;}

foreach ($imglist as $num => $img) {

     $imgurl   = 'media/ecom/prodlg/' . $img;

     $imgtag   .= '<img src="' . $imgurl . '" ';
     if ($imgwidth) {$imgtag .= 'width="' . $imgwidth . '" ';}
     $imgtag  .= 'alt="' . $prodname . '" />';

} // End of foreach statement.

// +--
// | Handle extra large image.
// +--

$showxl  = 0;

$imglist = $proddisp['imgxl'];

if (empty($imglist)) {$imglist = 'none.png';}

if (($imglist) && ($imglist != 'none.png') && ($ns == 'prodshow')) {

     $this->globals('core.load_slimbox',1);

     $showxl   = 1;
     $xlcount  = 0;
     $xlimgtag = '';
     $zlcount  = count($imglist);

     $imglist  = $this->make_list($imglist);

     if (count($imglist) == 1) {$text = 'View Larger Image';}
     else                      {$text = 'View Larger Image Slideshow';}

     foreach ($imglist as $num => $img) {

          $xlcount++;

          $xlurl  = $this->globals('core.url_nonssl');
          $xlurl .= '/media/ecom/prodxl/' . $img;

          if ($xlcount == 1) {

               $xlimgtag .= '<p><a href="' . $xlurl . '" rel="slimbox[prodgroup]" title="';
               $xlimgtag .= $prodname . '" class="hrefbutton">' . $text . '</a></p>';

          } else {

               $xlimgtag .= '<p class="hidden"><a href="' . $xlurl . '" rel="slimbox[prodgroup]" title="';
               $xlimgtag .= $prodname . '" class="hrefbutton">' . $text . '</a></p>';

          } // End of if statement.

     } // End of foreach statement.

} // End of if statement.

// +--
// | Print the display.
// +--

?>

<table id="proddetail--<?php print $id; ?>" class="cptbl_det">

<tr class="cptbl_det"><td class="cptbl_det">

<table class="ghost"><tr><td class="ghost" style="width: <?php print $imgwidth; ?>px">

<?php print $imgtag; ?>

<?php

// +--
// | Print the thumbnails.
// +--

$usethumb = $this->globals('core_settings.' . $app . '.imguseprodthumb');
$imgwidthth = $this->globals('core_settings.' . $app . '.imgsizeprodlgth');
$usethumb = 1;
$imgwidthth = 100;

// +--
// | Handle the extra large image tag and email a friend link.
// +--

$emailfr = $this->globals('core_settings.ecom.emailfriend');

if ($ns != 'prodshow') {$emailfr = 0;}

if (($showxl) || ($emailfr)) {

     print '<div style="width:' . $imgwidth . 'px">' . $eol;

     if ($showxl) {print $xlimgtag;}

     if ($emailfr) {

          $link_emailf = $this->link_namespace('ecom','emailfriend',array('ref' => $proddisp['id']));

          print '<p><a href="' . $link_emailf . '" title="Email a Friend" ';
          print 'class="hrefbutton">Email This Item to a Friend</a></p>';

     } // End of if statement.

     print '</div>' . $eol;

} // End of if statement.

?>

</td><td class="ghost">

<p><strong><?php print $prodname; ?></strong></p>

<?php print $proddesc; ?>

<?php $this->include_file('ecom','pricedisp.php'); ?>

</td></tr>

</table>

</td></tr></table>

<?php 

// +--
// | Print the product options if we can add the item to the 
// | shopping cart or wish list and we're on the prodshow
// | namespace.
// +--

$add_ok = 1;

if (($proddisp['useinv']) && (!($proddisp['invlevel'] > 0))) {$add_ok = 0;}
if ($proddisp['pricestatus'] == 'D') {$add_ok = 0;}

if (($ns == 'prodshow') && ($add_ok)) {

     $this->include_namespace('ecom','prodshowopt',array());

} // End of if statement.

if (($ns == 'prodshow') && ($add_ok)) {

     $this->globals('xmodshipestimator_prodid',$xid);
     $this->include_namespace('ecom','xmodshipestimator');

} // End of if statement.

?>

the folloring product is the page I am testing the above display on, as you can see it has not made any difference:

http://www.djhypermarket.co.uk/ec/index … ef=127_009



Secondly, I tried copying the exact code used in CCP6, which works correctly as shown here:

http://www.djhypermarket.co.uk/index.ph … ef=127_092

Code:

<?php 

// +--
// | Get variables we need to draw this display.
// +--

$app      = $this->globals('khxc.app');
$ns       = $this->globals('khxc.namespace');
$eol      = $this->globals('khxc.eol');
$proddisp = $this->globals('ecom.prod_proddetail');
$xid      = $proddisp['id'];
$id       = $this->xhtml_encode($xid);
$usethumb = $this->globals('khxc_settings.' . $app . '.imguseprodthumb');
$imgwidthth = $this->globals('khxc_settings.' . $app . '.imgsizeprodlgth');

if ($ns == 'addcart') {$ns = 'prodshow';}

$this->globals('ecom.prod_proddisp',$proddisp);
$this->globals('ecom.prod_priceinfo',$proddisp['khxc.priceinfo']);

// +--
// | Create the product name and description.
// +--

$prodname  = $this->xhtml_encode($proddisp['name']);
$manufacturer = $this->xhtml_encode($proddisp['manufacturer']);
$prodnum = $this->xhtml_encode($proddisp['prodnum']);
$proddesc  = $proddisp['desclong'];
$hastags   = $proddisp['deschastags'];

if (empty($proddesc)) {

     $proddesc = $proddisp['descshort'];
     $hastags  = 0;

} // End of if statement.

if (empty($hastags)) {$proddesc = '<p>' . $this->xhtml_encode($proddesc) . '</p>';}

// +--
// | Create the image tag(s).
// +--

$imglistlg  = $proddisp['imglg'];

if (empty($imglistlg)) {$imglist = 'none.png';}

$imglistlg  = $this->make_list($imglistlg);
$imgwidth = $this->globals('khxc_settings.' . $app . '.imgsizeprodlg');
$imgtag   = '';

if (empty($imgwidth)) {$imgwidth = 200;}
$count   = 0;
$multilg = 0;
foreach ($imglistlg as $num => $name) {
    if ($count == 0) { $lgimname = $name; }

    $count++;
} // End of foreach statement.
if ($count > 1) {
  // We have multi large images.
  $multilg = 1;
      
} // End of if statement.
if (($multilg) && ($usethumb)) {
    $imgtag   .= '<script type="text/javascript">' . $eol;
    $imgtag   .= '<!--' . $eol;
    $imgtag   .= 'if(document.images) { // create an array of prodImages' . $eol;
    $imgtag   .= 'document.prodImages = new Array();' . $eol;

}
foreach ($imglistlg as $num => $img) {

     if (($multilg) && ($usethumb)) {
         $imgurl   = 'media/' . $app . '/prodlg/' . $img;
        $imgtag   .= 'document.prodImages[' . $num . '] = new Image();' . $eol;
        $imgtag   .= 'document.prodImages[' . $num . '].src = "' . $imgurl . '";' . $eol;
        $imgtag   .= 'document.prodImages[' . $num . '].pop = "' . $imgurl . '";' . $eol;
      } else {
          $imgurl   = 'media/' . $app . '/prodlg/' . $img;

         $imgtag   .= '<img src="' . $imgurl . '" ';
         if ($imgwidth) {$imgtag .= 'width="' . $imgwidth . '" ';}
         $imgtag  .= 'alt="' . $prodname . '" />';

      } // End of if statement.

} // End of foreach statement.
if (($multilg) && ($usethumb)) {
    $imgtag   .= '//-->' . $eol;
    $imgtag   .= '}' . $eol;
    $imgtag   .= '</script>' . $eol;
    $imgurl   = 'media/' . $app . '/prodlg/' . $lgimname;

    $imgtag   .= '<img src="' . $imgurl . '" ';
     if ($imgwidth) {$imgtag .= 'width="' . $imgwidth . '" ';}
    $imgtag  .= 'alt="' . $prodname . '"  id="prodImage" />';

} // End of if statement.

// +--
// | Handle extra large image.
// +--

$showxl  = 0;

$imglistxlg = $proddisp['imgxl'];

if (empty($imglistxlg)) {$imglistxlg = 'none.png';}

if (($imglistxlg) && ($imglistxlg != 'none.png') && ($ns == 'prodshow')) {

     $this->globals('khxc.load_lightbox',1);

     $showxl   = 1;
     $xlcount  = 0;
     $xlimgtag = '';
     $zlcount  = count($imglistxlg);

     $imglistxlg  = $this->make_list($imglistxlg);

     if (count($imglistxlg) == 1) {$text = 'View Larger Image';}
     else                      {$text = 'View Larger Image Slideshow';}

     foreach ($imglistxlg as $num => $img) {

          $xlcount++;

          $xlurl  = $this->globals('khxc.url_nonssl');
          $xlurl .= '/media/' . $app . '/prodxl/' . $img;

          if ($xlcount == 1) {

               $xlimgtag .= '<p><a href="' . $xlurl . '" rel="lightbox[prodgroup]" title="';
               $xlimgtag .= $prodname . '" class="khxc_hrefbutton">' . $text . '</a></p>';

          } else {

               $xlimgtag .= '<p class="hidden"><a href="' . $xlurl . '" rel="lightbox[prodgroup]" title="';
               $xlimgtag .= $prodname . '" class="khxc_hrefbutton">' . $text . '</a></p>';

          } // End of if statement.

     } // End of foreach statement.

} // End of if statement.
if (($multilg) && ($usethumb)) {
    $imgtag   .= '<p>';
     foreach ($imglistlg as $num => $name) {
        $imgurl   = 'media/' . $app . '/prodlg/' . $name;
        $imgtag   .= '<img src=\'' . $imgurl . '\' onmouseover="var x=document.getElementById(\'prodImage\'); x.src=document.prodImages[' . $num . '].src;" width="' . $imgwidthth . '" alt="' . $prodname . '" />';
    } // End of foreach statement.
    $imgtag   .= '</p>';

} // End of if statement.
// +--
// | Print the display.
// +--

?>

<table id="proddetail--<?php print $id; ?>" class="khxc_cptbl_det">

<tr class="khxc_cptbl_det"><td class="khxc_cptbl_det">

<table class="khxc_ghost"><tr><td class="khxc_ghost" style="width: <?php print $imgwidth; ?>px">

<?php print $imgtag; ?>

<?php 

// +--
// | Handle the extra large image tag and email a friend link.
// +--

$emailfr = $this->globals('khxc_settings.' . $app . '.emailfriend');

if ($ns != 'prodshow') {$emailfr = 0;}

if (($showxl) || ($emailfr)) {

     print '<div style="width:' . $imgwidth . 'px">' . $eol;

     if ($showxl) {print $xlimgtag;}

     if ($emailfr) {

          $link_emailf = $this->link_namespace($app,'emailfriend',array('ref' => $proddisp['id']));

          print '<p><a href="' . $link_emailf . '" title="Email a Friend" ';
          print 'class="khxc_hrefbutton">Email This Item to a Friend</a></p>';

     } // End of if statement.

     print '</div>' . $eol;

} // End of if statement.

?>

</td><td class="khxc_ghost">

<p align="right"><?php print '<img src="skins/zipskin_khxc001/media/' . $manufacturer . '" alt="Brand" title="Brand"  />'; ?>

<p><strong><?php print $prodname; ?></strong></p>

<?php print $proddesc; ?>

<?php $this->include_file($app,'pricedisp.php'); ?>

</td></tr>

</table>

</td></tr></table>

<?php 

// +--
// | Print the product options if we can add the item to the 
// | shopping cart or wish list and we're on the prodshow
// | namespace.
// +--

$add_ok = 1;

if (($proddisp['useinv']) && (!($proddisp['invlevel'] > 0))) {$add_ok = 0;}
if ($proddisp['pricestatus'] == 'D') {$add_ok = 0;}

if (($ns == 'prodshow') && ($add_ok)) {

     $this->include_namespace($app,'prodshowopt',array());

} // End of if statement.

?>

and created a new display in EuropaCart 7, when I try it on a product it looks like this:

http://www.djhypermarket.co.uk/ec/index … ef=127_092

I would appreciate any help!

Offline

 

#14 11-12-2009 20:05:00

tlg
Member
Registered: 10-11-2007
Posts: 50
Website

Re: Additional images coming up large in product view

Any suggestions on how I can do this?

Offline

 

#15 11-18-2009 16:31:51

tlg
Member
Registered: 10-11-2007
Posts: 50
Website

Re: Additional images coming up large in product view

Since this does not appear to be possible I will have to continue to use CCP6.

Offline

 

#16 11-18-2009 16:54:38

dh783
Member
From: Avondale, Arizona
Registered: 04-06-2005
Posts: 6233
Website

Re: Additional images coming up large in product view

This section of code needs to be changed to work in ccp7

Code:

// +--
// | Print the thumbnails.
// +--

$usethumb = $this->globals('core_settings.' . $app . '.imguseprodthumb');
$imgwidthth = $this->globals('core_settings.' . $app . '.imgsizeprodlgth');
$usethumb = 1;
$imgwidthth = 100;

it needs to something like

Code:

// +--
// | Print the thumbnails.
// +--

$usethumb = $this->globals('core_settings.ecom.imguseprodthumb');
$imgwidthth = $this->globals('core_settings.ecom.imgsizeprodlgth');
$usethumb = 1;
$imgwidthth = 100;

any other code that you inserted into the display that deals with "$app" or khxc needs to be corrected or changed to use the new ccp7 apps.

John

Offline

 

#17 12-19-2009 12:47:16

Tanushiheadbash
Member
From: Stirling, Scotland
Registered: 07-20-2009
Posts: 82

Re: Additional images coming up large in product view

Forgive me for a stupid question: but
a) There has to be more to the thumbnailing view than this?- I don't see any code to actually display the list of thumbnailed images?
b) There will need to be some javascript to  actually make the hover over the thunmbs work? no?
c) I take it I can clone an existing display option and code it up to provide the thumbnails on items I want?
d) Has anyone got this working already in CCP/ECP7 as my client has seen this post and asked for it for his site and its not really just a case of cutting and pasting the above code as far as I can see- or am I missing something?
I looked at one of the older CCP6 threads and there was javascript and layout areas that are not in the code above.

Thanks
Kenny

Last edited by Tanushiheadbash (12-19-2009 12:48:30)

Offline

 

#18 12-22-2009 15:34:45

webmaster
Administrator
From: York, PA
Registered: 04-20-2001
Posts: 19798
Website

Re: Additional images coming up large in product view

If you combine tlg's last post with dh783's update, you've got the code you need to drop in.


Nick Hendler

Offline

 

#19 03-31-2010 19:23:33

Seder
Member
Registered: 03-27-2008
Posts: 19

Re: Additional images coming up large in product view

Does anyone have the working thumbnail code in CP7 that they could post? I've tried modifying the CP6 code with version 7 apps with no luck. I get corrupted page text. I guess it's not clear exactly what I need to modify.

Thank you.

Offline

 

#20 04-07-2010 06:47:57

InnovationsStudio
Member
Registered: 03-21-2009
Posts: 11

Re: Additional images coming up large in product view

With regard to the above. (Thumb images under main image)

I'm working with EC7 and would like the code and simple guide, where to place it.

Is there any chance some kind person will post it here?

Regards

Ian

Offline

 

#21 04-13-2010 09:03:56

jonasaedin
Member
From: Edinburgh, UK
Registered: 02-15-2009
Posts: 70
Website

Re: Additional images coming up large in product view

I started giving this a bash myself but finding a lot of code changes from CCP6 to EC7 so got stuck ... anyone managed to crack this one yet?

Offline

 

#22 04-18-2010 10:22:50

simon@pricedesign.co.uk
Member
Registered: 07-08-2009
Posts: 6

Re: Additional images coming up large in product view

I have recently upgraded from the UK version of CCP6 to EC7 and am missing this functionality too, I have tried to copy the code from the old UK version and fiddle around with it, but at best all I have managed is no large product images at all on the product page.

This is what we have now in CCP6: http://www.fuffstuff.co.uk/product/pink … opper.html

This is how its showing now in EC7: http://fuffstuff.co.uk/install/index.ph … ck-shopper

Its really annoying as there were a few problems in upgrading, mostly solved now, but this is stopping us from switching over, and super annoying as I am really keen to get the SEO module up and running on EC7.

Any help will be much appreciated, or is it worth getting some help from the guys at Kryptronic?

Thanks

Simon

Offline

 

Board footer