[РЕШЕНО] Открытие дополнительных изображений товара

[LancX]

В карточке товара под изображением есть маленькие превью, при их нем нажатии они увеличиваются, а надо бы что бы они отображались только в верхнем изображении и потом уже увеличивались. Как это сделать?В css  прописать или модуль есть подобный?

[deim]

css не поможет.

здесь нужно javascript править

[Tom]

<?xml version="1.0" encoding="UTF-8"?>
<modification>
<id><![CDATA[Change Big Product image on hover of thumbnial images]]></id>
<version><![CDATA[1.0]]></version>
<vqmver><![CDATA[2.X]]></vqmver>
<author><![CDATA[opencartforum.com]]></author>


<file name="catalog/view/theme/*/template/product/product.tpl">
<operation error="log">
<search position="before"><![CDATA[<div id="content">]]>
</search>
<add><![CDATA[
<script type="text/javascript">
jQuery(document).ready(function() {
    $(".left .image-additional a").hover(function(){
var img=this.href; 
$(".left .image a").attr('href',img);
var profileimage=$(".left .image a img");
profileimage.css({"width":"<?php echo  $this->config->get('config_image_thumb_height'); ?>","height":"<?php echo  $this->config->get('config_image_thumb_height'); ?>"});
profileimage.attr('src',img);
});
}); 
</script>
 ]]></add>
</operation>
</file>
</modification>
 

Всё это упаковать в XML  (  change-image-on-hover-thumbnial.xml )  или ручками добавить.

[LancX]

Этот файл в папку Javascript или vqmod пихать?

[Tom]

Если то что я написал то VQmod,если хватает знаний то по аналогии внести изменения ручками.

[LancX]

Ручками в product.tpl?

[Tom]

Ищем  

 

 

<div id="content">
 

 

  или 

 

<div id="content"><?php echo $content_top; ?>
 

 

 

 добавляем

 

 

 

<script type="text/javascript">
jQuery(document).ready(function() {
    $(".left .image-additional a").hover(function(){
var img=this.href;
$(".left .image a").attr('href',img);
var profileimage=$(".left .image a img");
profileimage.css({"width":"<?php echo  $this->config->get('config_image_thumb_height'); ?>","height":"<?php echo  $this->config->get('config_image_thumb_height'); ?>"});
profileimage.attr('src',img);
});
}); 
</script>
 

[LancX]

Ок. Спасибо добрый человек за помощь :wink:  Буду пробовать.

[baxabit]

Tom, так, при наведении на любую из превьюшек, замещается главная картинка и более не возвращается. Что дописать, чтобы когда курсор вне какой-либо из превьюшек, показывалась вновь главная картинка?

Другими словами, чтобы скрипт работал только при наведении на превьюшку, а не срабатывал при попадании курсора в область превьюшки.

[Tom]

Все пожелания  только собственноручно) 

[d2lm]

Вот не знаю как-так но после установки у меня блок хлебные крошки стал наезжать на банер слева.

Сам понял как поправить. Дописать к хлебным крошкам

overflow: auto