LancX

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

Рекомендуемые сообщения

LancX    3

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
deim    241

css не поможет.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    1 928
<?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    3

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    1 928

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LancX    3

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    1 928

Ищем  

 

 

<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    3

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
baxabit    73

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    1 928

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
d2lm    2

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

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

overflow: auto

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу