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


Увеличение Картинки При Наведении Курсора

Автор hamer750, 05 нояб. 2012 08:05

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

#241 tega4

tega4

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

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 24 Июль 2014 - 22:28

а есть инструкция к шаблону движение?
SL-301771

Ставила по первой инструкции, нет среднего изображения.

#242 Taisia

Taisia

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

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

Отправлено 31 Июль 2014 - 12:51

Для движения нужно поправить параметр в файле стилей style.css

найдите код 

.img_middle_big div  {display:table;width: 100%; height:251px; border: 1px solid #bcbec0; background: #fff; }

замените на код 

.img_middle_big div  {display:table;width: 100%; height:251px; border: 1px solid #bcbec0; }

#243 tolikkansk

tolikkansk

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

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

Отправлено 04 Август 2014 - 11:09

А как можно сделать так, чтобы он увеличивал ещё больше, т.е на большой картинке ещё ближе приближал? Шаблон Сияние

#244 Сake

Сake

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

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

Отправлено 05 Август 2014 - 01:20

Изменить размер области увеличения можно путем изменения параметров плагина. Найдите в шаблоне "Товар" опцию zoomWidth:250 и измените значение 250. Дополнительные опции можно посмотреть в сообщении http://forum.storela...ора/#entry32048 а так же на странице документации http://jquerylist.ru...cloud-zoom.html

#245 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 10 Август 2014 - 16:22

как реализовать это в бистро?

#246 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 11 Август 2014 - 06:35

Просмотр сообщениятихоня (10 Август 2014 - 16:22) писал:

как реализовать это в бистро?
Здравствуйте.
Попробуйте воспользоваться инструкциями:
http://forum.storela...-при-наведении/
http://forum.storela...ара-в-каталоге/
http://forum.storela...ажатии-на-него/

#247 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 12 Август 2014 - 06:58

нет многих строк в бистро и вознкает ряд ошибок

#248 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 12 Август 2014 - 07:07

Просмотр сообщениятихоня (12 Август 2014 - 06:58) писал:

нет многих строк в бистро и вознкает ряд ошибок
Здравствуйте.
Попробуйте воспользоваться этой инструкцией.
http://forum.storela...зображения-при/

#249 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 12 Август 2014 - 07:22

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

#250 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Август 2014 - 00:46

Увеличение главного изображения при наведении в теме Бистро
Производим изменения по инструкции:
http://forum.storela...ора/#entry32048
до момента редактирования в шаблоне Товар, то есть необходимо загрузить файлы и подключить их.
в шаблоне Товар находим:
<a itemprop="image" href="{goods_images.LARGE}" target="_blank" title="{GOODS_NAME}">
{% IF goods_images.first %}
<img class="lazyOwl firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ELSE%}
<img class="lazyOwl" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ENDIF %}
</a>
меняем на:
<a itemprop="image" href="{goods_images.LARGE}" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250" target="_blank" title="{GOODS_NAME}">
{% IF goods_images.first %}
<img class="lazyOwl firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ELSE%}
<img class="lazyOwl" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ENDIF %}
</a>
далее находим:
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}">
<img class="goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" />
</a>
меняем на:
<a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}">
<img class="goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" />
</a>

Далее открываем cloud-zoom.1.0.2.js находим:
//////////////////////////////////////////////////////////////////////////////////
// Cloud Zoom V1.0.2
// (c) 2010 by R Cecco. <http://www.professorcloud.com>
// MIT License
//
// Please retain this copyright header in all versions of the software
//////////////////////////////////////////////////////////////////////////////////
(function ($) {

после него вставляем:
$.browser={};

#251 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 14 Август 2014 - 08:24

все вставила и не работает

#252 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Август 2014 - 23:34

Обновите пожалуйста в своем профиле список аккаунтов, половина не работают и укажите также номер аккаунта, где вы производите изменения.
При написании инструкции она сразу использовалась на тестовом магазине для проверки и ошибок никаких не было.
Вы загрузили файлы и подключили их по ссылке, что я указала выше?

#253 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Август 2014 - 08:18

Аккаунт SL-299242 да все установлено

#254 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Август 2014 - 08:35

Просмотр сообщениятихоня (15 Август 2014 - 08:18) писал:

Аккаунт SL-299242 да все установлено
Здравствуйте.
Вы произвели не все изменения.
В шаблоне Товар
<a itemprop="image" href="{goods_images.LARGE}" target="_blank" title="{GOODS_NAME}">
{% IF goods_images.first %}
<img class="lazyOwl firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ELSE%}
<img class="lazyOwl" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ENDIF %}
</a>
измените на
<a itemprop="image" href="{goods_images.LARGE}" class="cloud-zoom" id='zoom1' rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250" target="_blank" title="{GOODS_NAME}">
{% IF goods_images.first %}
<img class="lazyOwl firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ELSE%}
<img class="lazyOwl" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ENDIF %}
</a>

Скачайте и установите прикрепленный файл.


Далее открываем cloud-zoom.1.0.2.js находим:
//////////////////////////////////////////////////////////////////////////////////
// Cloud Zoom V1.0.2
// (c) 2010 by R Cecco. <http://www.professorcloud.com>
// MIT License
//
// Please retain this copyright header in all versions of the software
//////////////////////////////////////////////////////////////////////////////////
(function ($) {

После него вставляйте
$.browser={};

Прикрепленные файлы


#255 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Август 2014 - 11:26

делала уже 20 разт так и еще раз сделала и ничего(

#256 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Август 2014 - 11:49

Просмотр сообщениятихоня (15 Август 2014 - 11:26) писал:

делала уже 20 разт так и еще раз сделала и ничего(
Для того что бы данный функционал работал Вам нужно отключить перелистывание картинок в карточке товара, одновременное увеличение и перелистывание картинок нельзя т.к. оба коду будут конфликтовать между собой.

#257 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Август 2014 - 12:05

а как отключить

#258 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Август 2014 - 12:12

Просмотр сообщениятихоня (15 Август 2014 - 12:05) писал:

а как отключить
В main.js удалите код
	// Активация слайлдера с главным изображением
	var sliderOwl = $("#owl-one-slider-tovar");
	sliderOwl.owlCarousel({
		navigation: isOneImg, // Включить навигационные кнопки
		lazyLoad: true, //Аякс загрузка изображений
		singleItem: true,
		navigationText: false // Удаляет текст с кнопок навигации
	});

#259 мистка

мистка

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

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 15 Август 2014 - 12:20

это не помогает выдает ошибку

#260 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 15 Август 2014 - 12:29

Просмотр сообщениятихоня (15 Август 2014 - 12:20) писал:

это не помогает выдает ошибку
В шаблоне Товар
{% IF goods_images.first %}
<img class="lazyOwl firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ELSE%}
<img class="lazyOwl" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ENDIF %}
</a>
измените на 
{% IF goods_images.first %}
<img class="firstBigGoodsImg" src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ELSE%}
<img class="bibip" data-src="{goods_images.MEDIUM}" alt="{goods_images.NAME}" />
{% ENDIF %}
</a>

Обратно в Страница товара


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Страница товара
  6. Privacy Policy