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


Смена Картинки Вместо Главной (Движение)


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

#1 ogonek7777

ogonek7777

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

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

Отправлено 13 Октябрь 2016 - 15:20

Раньше у меня в старом шаблоне при наведении на дополнительную картинку товара (без нажатия) это изображение подставлялось вместо главной . Было очень красиво. Хочется опять так.2016-10-05_17-13-11.png

#2 Ирина345

Ирина345

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

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

Отправлено 17 Октябрь 2016 - 10:58

Просмотр сообщенияogonek7777 (13 Октябрь 2016 - 15:20) писал:

Раньше у меня в старом шаблоне при наведении на дополнительную картинку товара (без нажатия) это изображение подставлялось вместо главной . Было очень красиво. Хочется опять так.Прикрепленный файл 2016-10-05_17-13-11.png
Здравствуйте, найдите в файле 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;
});


#3 ogonek7777

ogonek7777

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

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

Отправлено 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 Ирина345

Ирина345

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

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

Отправлено 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 ogonek7777

ogonek7777

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

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

Отправлено 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 Ирина345

Ирина345

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

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

Отправлено 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 ogonek7777

ogonek7777

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

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

Отправлено 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 анонимных