Перейти к содержимому


Увеличение Фото В Каталоге При Наведении


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 16 Февраль 2014 - 13:31

Как сделать бы когда наводишь на картинку ее автоматически увеличивало, а не нужно было открывать в дополнительной вкладке!
Только прошу не скидывать на другие темы где написано про другие шаблоны и т.д.

#2 Alexey11

Alexey11

    Активный участник

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 17 Февраль 2014 - 16:50

Укажите пожалуйста конкретные места, где нужно увеличение картинок, лучше приложите скриншот с описанием вашего вопроса.

#3 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 17 Февраль 2014 - 22:30

Просмотр сообщенияAlexey11 (17 Февраль 2014 - 16:50) писал:

Укажите пожалуйста конкретные места, где нужно увеличение картинок, лучше приложите скриншот с описанием вашего вопроса.

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

Это в информации о товаре часть №1.png

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 18 Февраль 2014 - 01:17

Подобный вопрос ранее рассматривался в следующей теме форума http://forum.storela...ора/#entry32048 данная инструкция подойдет и для вашего шаблона. Дублировать инструкцию в данном случае смысла нет. Если у вас что-то не получиться, то вы можете уже в данной теме задать вопрос.

#5 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 18 Февраль 2014 - 22:56

При наведении на

Просмотр сообщенияСake (18 Февраль 2014 - 01:17) писал:

Подобный вопрос ранее рассматривался в следующей теме форума http://forum.storela...ора/#entry32048 данная инструкция подойдет и для вашего шаблона. Дублировать инструкцию в данном случае смысла нет. Если у вас что-то не получиться, то вы можете уже в данной теме задать вопрос.

1) При наведении на фотографию область выделения разная? как можно ее сделать меньше и везде одинаковую, а то в некоторых фотографиях совсем не увеличивает часть №1.png часть №2.jpg

2) На 2 скрине видно что фотографии не помещаются полностью, приходится перемещать бегунок, можно ли задать такой параметр для моего монитора что бы было видно полностью фотографию которая увеличивается? (уменьшать размер рамок увеличенной фотографии не вариант)

3) Как удалить "увеличить изображение" которая находится под фотографией (на скринах видно)

#6 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 19 Февраль 2014 - 02:40

Параметры окна увеличения изображения задаются в теге

rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:500"

Доступны и другие дополнительные опции

zoomWidth: 'auto',
zoomHeight: 'auto',
position: 'right',
tint: false,
tintOpacity: 0.5,
lensOpacity: 0.5,
softFocus: false,
smoothMove: 3,
showTitle: true,
titleOpacity: 0.5,
adjustX: 0,
adjustY: 0

Цитата

Как удалить "увеличить изображение" которая находится под фотографией (на скринах видно)

Найдите и удалите в шаблоне "Товар" следующий код

<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
   <div class="goodsDataMainImageZoom">
	   <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
   </div>
{% ENDIF %}


#7 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 19 Февраль 2014 - 17:47

Просмотр сообщенияСake (19 Февраль 2014 - 02:40) писал:

Параметры окна увеличения изображения задаются в теге

rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:500"

Доступны и другие дополнительные опции

zoomWidth: 'auto',
zoomHeight: 'auto',
position: 'right',
tint: false,
tintOpacity: 0.5,
lensOpacity: 0.5,
softFocus: false,
smoothMove: 3,
showTitle: true,
titleOpacity: 0.5,
adjustX: 0,
adjustY: 0



Найдите и удалите в шаблоне "Товар" следующий код

<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
<div class="goodsDataMainImageZoom">
	 <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
</div>
{% ENDIF %}

Так сама область выделения на разных товарах разная, почему так? И какой именно параметр уменьшает размер выделения?
И Вы не ответили на второй вопрос

#8 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 20 Февраль 2014 - 04:18

Пожалуйста, приведите примеры (в виде ссылок на товары) где область выделения разная. На второй вопрос ответ содержался в начальном ответе. Вы можете изменить параметры отображения окна увеличения используя например положение этого окна. За положение окна отвечает опция

position: 'right',

где можно задать вместо right значение bottom




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных