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


Доработка Фотографий Товара

карточка товара фото

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

#1 kirussian

kirussian

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

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

Отправлено 18 Май 2017 - 12:31

Добрый день !

Прошу помочь реализовать следующее:
1. В карточке товара при наведении курсора мыши на главное фото - сделать фотоэффект (как и был ранее) увеличения, без открытия полного фото.
2. При нажатии на фото в карточке товара - открывается фото исходного размера.
Уменьшить параметры открываемого фото. Сейчас слишком уж большое получается.

3. И вопрос по фильтрам - я все основные параметры указываю в свойствах товара: возраст, вес, цвет.
Но в карточке товара это получается очень некрасиво. Я хотел бы иметь возможность в карточке оставит только цвет и вес (скрыть бренд, цвет), а в категории уже сделать фильтр по бренду и цвету (ну например).

Прикрепленные изображения

  • Screenshot_13.png
  • Screenshot_14.png


#2 kirussian

kirussian

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

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

Отправлено 21 Май 2017 - 12:43

Актуально

#3 Stasya

Stasya

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

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

Отправлено 22 Май 2017 - 14:29

Просмотр сообщенияkirussian (18 Май 2017 - 12:31) писал:

Добрый день !

Прошу помочь реализовать следующее:
1. В карточке товара при наведении курсора мыши на главное фото - сделать фотоэффект (как и был ранее) увеличения, без открытия полного фото.
2. При нажатии на фото в карточке товара - открывается фото исходного размера.
Уменьшить параметры открываемого фото. Сейчас слишком уж большое получается.

3. И вопрос по фильтрам - я все основные параметры указываю в свойствах товара: возраст, вес, цвет.
Но в карточке товара это получается очень некрасиво. Я хотел бы иметь возможность в карточке оставит только цвет и вес (скрыть бренд, цвет), а в категории уже сделать фильтр по бренду и цвету (ну например).
1) Чтобы восстановить увеличение главного изобаржения товара при наведении, Вам необходимо в файле main.css найти блок
// Увеличение изображения в карточке товара при наведении если ширина экрана больше 992px
$(document).ready(function(){
  if(getClientWidth() > 992){
	//$(".cloud-zoom-gallery").CloudZoom()
  }
});
и заменить его на
// Увеличение изображения в карточке товара при наведении если ширина экрана больше 992px
$(document).ready(function(){
  if(getClientWidth() > 992){
	$(".cloud-zoom, .cloud-zoom-gallery").CloudZoom()
  }
});
2) Опишите, пожалуйста, по какому фото должен происходить клик и каким образом должно открываться увеличенное фото?
3) Если у Вас товар предназначен либо для Взрослых либо Для детей, то данное свойство Вы можете добавить как характеристику. Т.е. покупателю не нужно будет выбирать это свойство. А соответственно в фильтрах добавить фильтр по характеристике Возраст. Тоже самое можно сделать и с брендом.

#4 kirussian

kirussian

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

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

Отправлено 25 Май 2017 - 23:39

Просмотр сообщенияStasya (22 Май 2017 - 14:29) писал:

1) Чтобы восстановить увеличение главного изобаржения товара при наведении, Вам необходимо в файле main.css найти блок
// Увеличение изображения в карточке товара при наведении если ширина экрана больше 992px
$(document).ready(function(){
if(getClientWidth() > 992){
//$(".cloud-zoom-gallery").CloudZoom()
}
});
и заменить его на
// Увеличение изображения в карточке товара при наведении если ширина экрана больше 992px
$(document).ready(function(){
if(getClientWidth() > 992){
$(".cloud-zoom, .cloud-zoom-gallery").CloudZoom()
}
});
2) Опишите, пожалуйста, по какому фото должен происходить клик и каким образом должно открываться увеличенное фото?
3) Если у Вас товар предназначен либо для Взрослых либо Для детей, то данное свойство Вы можете добавить как характеристику. Т.е. покупателю не нужно будет выбирать это свойство. А соответственно в фильтрах добавить фильтр по характеристике Возраст. Тоже самое можно сделать и с брендом.

1. Вероятно, вы имели в виду не в main.css, а в main.js
Произвел изменения - не получился фотоэффект (скрин)

2. Это пока в режиме написания ответа на уточнение

3. Понял, спасибо

Прикрепленные изображения

  • Screenshot_8.jpg


#5 Vaccina

Vaccina

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

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

Отправлено 26 Май 2017 - 08:04

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<a href="{GOODS_IMAGE_LARGE}" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">
  

замените на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">


#6 kirussian

kirussian

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

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

Отправлено 26 Май 2017 - 22:54

Просмотр сообщенияVaccina (26 Май 2017 - 08:04) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<a href="{GOODS_IMAGE_LARGE}" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">
  

замените на:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">

вопрос решен, спасибо.




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

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