link thumbnails to bigger picture instead of page

I don't need a seperate product page for each item of the shop. Is it possible for me to link the thumbnails to an enlarged picture of the product shown in the thumbnail? Just like when you're on the product page and clicking on one of the pictures, you get to see an enlarged version.

Hi Nicolas

thank you for your response!

nicolas wrote: You can do that by editing the file "listing_img_title" of the view "product" via the menu Display->Views and changing the code

<?php if($this->params->get('link_to_product_page',1)){ ?>
		<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">
	<?php }
		echo $this->image->display(@$this->row->file_path,false,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y);
	if($this->params->get('link_to_product_page',1)){ ?>
		</a>
	<?php } ?>

by

echo $this->image->display(@$this->row->file_path,true,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y);

Hi,

Does this solution work with the current version of hikashop starter?

I also wanted to open enlarged images from the product listing intead of having to go to product page and tried this replacement but this does not work on hikashop starter 2.1.1

Any ideas please?

Thank you

Small update for those who have similar problems..

I have found out why this would not work;

This did not work because I was editing the image_title.php file but I was using image and description view from the menu module. So editing the relevant listing_img_desc.php file did solve the problem.

However I must also point that the replcament code snippet quoted as a solution is not good enoug for a novice guy without coding expreience. The complete code replacement should have php tags at the beginning and at the end. So, the code for replavement I have use is as below;

<?php echo $this->image->display(@$this->row->file_path,true,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y); ?>

Thanks for your feedback .

Just replace

file_path,false,$this

file_path,true,$this

Hi, I am trying to do this but a bit confused - I think the original file has changed considerably since being written

The code as mentioned here

<?php if($this->params->get('link_to_product_page',1)){ ?>
		<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">
	<?php }
		echo $this->image->display(@$this->row->file_path,false,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y);
	if($this->params->get('link_to_product_page',1)){ ?>
		</a>
	<?php } ?>

<?php if($this->params->get('link_to_product_page',1)){ ?>
			<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">
		<?php }
			$image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside'));
			$img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options);
			if($img->success) {
				echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>';
			}
			$main_thumb_x = $this->image->main_thumbnail_x;
			$main_thumb_y = $this->image->main_thumbnail_y;
			if($this->params->get('display_badges',1)){
				$this->classbadge->placeBadges($this->image, $this->row->badges, -10, 0);
			}
			$this->image->main_thumbnail_x = $main_thumb_x;
			$this->image->main_thumbnail_y = $main_thumb_y;

		if($this->params->get('link_to_product_page',1)){ ?>
			</a>
		<?php } ?>

Hi Simon,

It's actually easier.
You should just replace the first code you post with this line:

<?php echo $this->image->display(@$this->row->file_path,true,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y); ?>

Hi Eliot,

Thanks for your reply.

That first set of code I posted does not exist in my file (that is from the original post a couple of years ago)

The second piece of code is what is actually in the latest version of the mentioned file.

Make sense?

Hi,

So in the view "product / listing_img_title" you have to replace the code:

			$image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside'));
			$img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options);
			if($img->success) {
				echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>';
			}

echo $this->image->display(@$this->row->file_path,true,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x,  $this->image->main_thumbnail_y);

Hi Xavier,

That works now.

Thanks, appreciate it!

What should I change in 2.6.3 version? There is no Dispaly word at all.

Updated: see answer in previous post