Changing place of thumbnails on product page

-- url of the page with the problem -- : capsulz.ru/index.php/woman/product/1802-antwerpen
-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.4.5
-- PHP version -- : 5.6
-- Browser(s) name and version -- : Chrome 46.0.2490.80 m

Hello,

I have two little problems that I just can't resolve...

1. I am trying to change the way the product page displays. Instead of having one main picture and displaying the thumbnails below, I wanted to move the thumbnails to the right. This I succeeded and they stil update the main picture on mouse hoover. However, if I change the variant, then the main pic gets updated but not the thumbnails. I think I did something wrong...
example page: capsulz.ru/index.php/woman/product/1802-antwerpen

2. I have set quite a few products now, with variants, and some of them with no variants (only one main product) but still having a size and a color set. When there are no variants, the drop down menu just don't display even if characteristics are set. Is that normal behaviour (did I not import the products correctly), or is there a way to fix it?
example page: capsulz.ru/index.php/woman/product/2990-...-langck-ru-ru-langck

In advance, many thanks for your help!
Raphael

Hi,

1. How do you have done the changes ? You have to edit the view "product / show_block_img" and move the part related on the thumbnails to the "product / show_default" view.

			<div id="hikashop_small_image_div<?php echo $variant_name;?>" class="hikashop_small_image_div">
			<?php
			if (!empty ($this->element->images) && count($this->element->images) > 1) {
				$firstThunb = true;
				foreach ($this->element->images as $image) {
					if($this->image->override) {
						echo $this->image->display($image->file_path, 'hikashop_main_image'.$variant_name, $image->file_name, 'class="hikashop_child_image"','', $width,  $height);
					} else {
						if(empty($this->popup))
							$this->popup = hikashop_get('helper.popup');
						$img = $this->image->getThumbnail(@$image->file_path, array('width' => $width, 'height' => $height), $image_options);
						if(@$img->success) {
							$id = null;
							$classname='hikashop_child_image';
							if($firstThunb) {
								$id = 'hikashop_first_thumbnail'.$variant_name;
								$firstThunb = false;
								$classname.=' hikashop_child_image_active';
							}
							$attr = 'title="'.$this->escape(@$image->file_description).'" onmouseover="return window.localPage.changeImage(this, \'hikashop_main_image'.$variant_name.'\', \''.$img->url.'\', '.$img->width.', '.$img->height.', \''.str_replace("'","\'",@$image->file_description).'\', \''.str_replace("'","\'",@$image->file_name).'\');"';
							$html = '<img class="'.$classname.'" title="'.$this->escape(@$image->file_description).'" alt="'.$this->escape(@$image->file_name).'" src="'.$img->url.'"/>';
							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'));
							}
						}
					}
				}
			}

		?>
	</div>

Hello Xavier,

Thanks for the quick answer, I'm always impressed by your high level of support.
For the first point, I have made exactly like what you've suggested + adding the defined variables like height and width from show_block_image. If you check this page:
capsulz.ru/index.php/woman/product/1802-antwerpen
and try to select a different color of variants, the main picture will change but not the thumbnail - that's my whole problem.

for point 2 I've sorted it by creating a main product with a single variant.

Many thanks
Raphael

Hello,

Sorry to insist but does someone know a way to fix the issue I'm having on the following page (with thumbnails not changing when selecting a different variant)?
capsulz.ru/index.php/woman/product/1802-antwerpen

Many Thanks
Raphael

Hello Philp,

thanks for your advices, I've done it through CSS and it kind of work but still, can't display the thumbnail right after the end of the product description, only in a fixed place at the right of the main picture.

Also, my @media queries are buggy on mobile display, so can't get it working on smaller screens
will keep looking into that...