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.
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
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
Anybody?
Offline
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
I wonder what other pleasures we are going to find...
Offline
There is actually very little code involved and it's fairly easy to add it into the product detail display for V7.
Offline
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
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
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
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:
// +-- // | 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:
<?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
<?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
This section of code needs to be changed to work in ccp7
// +-- // | 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
// +-- // | 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
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
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
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
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
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