Insert product image in product layout

This is very simple:


What code to insert a product image in the product layout?

My image names they all follow this pattern:

(product_code)-01
(product_code)-03
(product_code)-03

I want to insert in a certain place image -01 with my own size not depending on the HikaShop parameters for iamge and thumbnails.

Hi,

You just have to edit the view "product / show_default" from the Display > Views menu, and add the html tag to display the image.

Something like:

<img src="<?php echo 'imagePath/'.$this->element->product_code.'-01.png';?>" alt="<?php echo $this->element->product_code.'-01'; ?>" style="" />
<img src="<?php echo 'imagePath/'.$this->element->product_code.'-02.png';?>" alt="<?php echo $this->element->product_code.'-02'; ?>" style="" />
<img src="<?php echo 'imagePath/'.$this->element->product_code.'-03.png';?>" alt="<?php echo $this->element->product_code.'-03'; ?>" style="" />

I mussed something important!

How to check for the availability fo the picture?

For some products I have 10 pictures, for others 5, so I need the check code for each picture before publishing.

Could you be so kind to help me with this?

Hi,

all this help was successful so big thanks for it!

But now a new problem comes with this.

My client is in love with HikaMarket drag and drop feature and is changing the sequence of pictures so not always the product_name-01 picture is the first one to be shown. This means that I need a way to get the names of the pictures not by my logical ordering system but by the way they are ordered in hikamarket (or whatever in admin).

I mean, this:

<img src="<?php echo 'imagePath/'.$this->element->product_code.'-01.png';?>

should be somehow converted to this:

<img src="<?php echo 'imagePath/'.$this->element-> (name of picture by its order of appearance number) '; ?>

or better explained

<img src="<?php echo first_picture;?>
<img src="<?php echo second_picture;?>
<img src="<?php echo third_picture;?>
...

Thanks! I'll take a look...

WITHOUT THE PROPER PHP KNOWLEDGE and the lack of understanding of function display() I managed to put this code in my site:

			<?php
			if (!empty ($this->element->images) && count($this->element->images) > 1) {
				foreach ($this->element->images as $image) {

					$height = $this->config->get('product_image_y');
					$width = $this->config->get('product_image_x');
					if(empty($height)) $height=$this->config->get('thumbnail_y');
					if(empty($width)) $width=$this->config->get('thumbnail_x');?>

				
				<td>
				<?php
				echo '<img width="110px" src="'.$this->image->display($image->file_path, 'hikashop_main_image', '', '','', $width,  $height)
				?>
				</td>
				
				
			<?php
				}
			}
			?>

It worked perfectly!

THANK YOU A LOT! You're a great team!

Hello Xavier

I am trying your code with no avail. Could you help, this is the code I am using

<div id="hikashop_product_right_part" class="hikashop_product_right_part hkc-md-6">
<img src="<?php echo 'http://www.craven-equipment.co.uk/images/'.$this->element->product_code.'Sticker.png';?>" alt="<?php echo $this->element->product_code.'A-COM-BBL'; ?>" style="" />

Hello,

Yes the website is craven-equipment.co.uk/index.php/luggage.../21-comet-black-left

Cheers
Iain

Hi Thanks for that, which would be the file I need to add this to?

Cheers
Iain