image display product listing and product detail

-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.6

Hi,

Can you explain to me how the interaction is between the thumbnail in a product list (DIV) and the thumbnail in the product detailpage. When I set the miniature off in configuration>main>image the image on the product list dissapeares, but the image on the prodcuct detail page hops into the right dimensions. When I switch it on, the images appear in the product list, but get an enormous white space around the thumbnail on the product detail page.

Took me quite some time to discover that there is a connection between both in their layout/appearance, but I don't get where to make sure that the image stays in the product list, and the with area dissapears on the detail page.

please help!

Hi,

Thanks, got it.

Hi Nicolas,

I have found the connection between the images (product images, thumbs and listing image). BUT: the tumbs for the product listing are small, to small for my taste. The thumbs are so small, that there is 2/3 of white space left (left and right) in the product listing. Where can I fixed the image upload size (I noticed the thumbs are automatically resize to something of 125 or 127 px height). And I don't wish to make different thumb images in different sizes per product. I'd love the system to do that for me.

I'm very puzzled how these images are resized actually. In the uploadfile for the thumbs on my server, Hikashop uploads all kind of sizes of thumbs. Which ones are used? When are these created and can I delete some to save space on my webserver?

If you want to have a look at the site, the login details were send to you yesterday in a pm. You can login in the front-end, in the bottom right corner.

Hi

When the thumbnail option is enabled, the image on the product page has a link that opens the image in a new page. How can I remove the link? I need just the static image.

Thanks

Hi,

The image should not be opened in another page but in a popup.
So if you want the popup please try to change the popup mode in the configuration of HikaShop.

Else to remove the link, you can edit the view "product / show_block_img" and remove:

									if (!empty ($this->element->images) && count($this->element->images) > 1) {
										$attr .= 'onclick="return window.localPage.openImage(\'hikashop_main_image'.$variant_name.'\');"';
									}

Hi Xavier

Thanks for the reply

I know there is some jquery mootools errors on our site but I just want the link gone. I commented out the onclick code as you suggested. This has removed the onclick attribute from the img tag but the img tag is still embedded into a <a> tag which opens the image in a new page:

<a title="" rel="shadowbox" href="/media/com_hikashop/upload/110876758.jpg">
<img id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle" title="" alt="" src="/media/com_hikashop/upload/thumbnails/135x240f/110876758.jpg">
</a>

Hi,

Sorry, you have too to replace:

echo $this->popup->image($html, $img->origin_url, null, $attr);

echo $html;

Thanks Xavier!

That did the trick.

It's working perfect for the main image! Very good!

But when you click in the little images on the bottom... it's opening again in a new window...

I found this part of code: how to replace to fix it?



(version of HikaShop Starter: 4.7.1)

file: show_block_img.php

from line 204 to 210

if(empty($variant_name)) {
				echo $this->popup->image($html, $img->origin_url, $id, $attr, array('gallery' => 'hikashop_main_image'));

			} else {
				echo $this->popup->image($html, $img->origin_url, $id, $attr, array('gallery' => 'hikashop_main_image_VARIANT_NAME'));

			}