0
Смена Картинки Вместо Главной (Движение)
Автор ogonek7777, 13 окт. 2016 15:20
Сообщений в теме: 6
#1
Отправлено 13 Октябрь 2016 - 15:20
Раньше у меня в старом шаблоне при наведении на дополнительную картинку товара (без нажатия) это изображение подставлялось вместо главной . Было очень красиво. Хочется опять так.
#2
Отправлено 17 Октябрь 2016 - 10:58
ogonek7777 (13 Октябрь 2016 - 15:20) писал:
Раньше у меня в старом шаблоне при наведении на дополнительную картинку товара (без нажатия) это изображение подставлялось вместо главной . Было очень красиво. Хочется опять так. 2016-10-05_17-13-11.png
$('#product_images_small_photos a').click(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });
после данного кода вставьте
$('#product_images_small_photos a').hover(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });
#3
Отправлено 17 Октябрь 2016 - 13:43
Ирина345 (17 Октябрь 2016 - 10:58) писал:
Здравствуйте, найдите в файле main.js код
после данного кода вставьте
$('#product_images_small_photos a').click(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });
после данного кода вставьте
$('#product_images_small_photos a').hover(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });
#4
Отправлено 17 Октябрь 2016 - 15:40
ogonek7777 (17 Октябрь 2016 - 13:43) писал:
все супер, вот только бы теперь еще эти картинки при ЩЕЛЧКЕ открывались новым окном, а то их можно теперь увеличить только открыв главное изображение и пролистав
<a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>замените на
<a href="{goods_images.LARGE}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>далее найдите в файле main.js
$(function(){ $('#product_images_small_photos a').click(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });замените на
$(function(){ $('#product_images_small_photos a').fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none' }); $('#product_images_small_photos a').hover(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });
#5
Отправлено 17 Октябрь 2016 - 15:45
Ирина345 (17 Октябрь 2016 - 15:40) писал:
Найдите в шаблоне Товар код
<a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>замените на
<a href="{goods_images.LARGE}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>далее найдите в файле main.js
$(function(){ $('#product_images_small_photos a').click(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });замените на
$(function(){ $('#product_images_small_photos a').fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none' }); $('#product_images_small_photos a').hover(function(){ var $a = $(this); var $sImg = $a.find('img'); $('#product_images_small_photos img.game_img_selected').removeClass('game_img_selected'); $sImg.addClass('game_img_selected'); var index = $(this).index('#product_images_small_photos a') $('#product_image_big_photos a').hide(); $('#product_image_big_photos a').eq(index).show(); return false; });
#6
Отправлено 17 Октябрь 2016 - 15:51
ogonek7777 (17 Октябрь 2016 - 15:45) писал:
спасибо,только нет клавиш прокрутки остальных картинок, как это есть на главной
<a href="{goods_images.LARGE}" target="_blank" ><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>замените на
<a href="{goods_images.LARGE}" target="_blank" rel="group"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
#7
Отправлено 21 Октябрь 2016 - 14:31
Ирина345 (17 Октябрь 2016 - 15:51) писал:
Найдите в шаблоне Товар код
<a href="{goods_images.LARGE}" target="_blank" ><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>замените на
<a href="{goods_images.LARGE}" target="_blank" rel="group"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных