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


Как Сделать Такое На Товаре


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

#1 Alexpol

Alexpol

    Новичок

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

Отправлено 02 Март 2017 - 11:34

Подскажите пожалуйста, как сделать такое как на скриншотах. На странице товара кнопку сдвинуть вправо
При клике на кнопку появлялся всплывающий текст
Заранее СПАСИБО

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

  • Screenshot_4.jpg
  • Screenshot_5.jpg


#2 Stasya

Stasya

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

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

Отправлено 06 Март 2017 - 17:19

Просмотр сообщенияAlexpol (02 Март 2017 - 11:34) писал:

Подскажите пожалуйста, как сделать такое как на скриншотах. На странице товара кнопку сдвинуть вправо
При клике на кнопку появлялся всплывающий текст
Заранее СПАСИБО
Здравствуйте. Уточните, пожалуйста, 2 вопроса: 1) Насколько я понимаю кнопка "Получить 100% скидку" должна дублировать функционал В корзину и Быстрый заказ? 2) Что должно происходить при клике по Красной кнопке с текстом?

#3 lelenushka

lelenushka

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

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

Отправлено 21 Сентябрь 2017 - 17:26

Добрый день. Увидела супер вещь в шаблоне весна http://vesna-demo.st...mod_id=78699199, которая просто необходима для нас, так как, на один артикул приходится много цветов. Как сделать, чтобы слева от товара так и остались его фото, а под товаром была надпись: "другие цвета" и  маленькие фото в тех цветах, какие есть.

#4 Vaccina

Vaccina

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

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

Отправлено 22 Сентябрь 2017 - 07:52

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

Для этого добавьте дополнительные фото товару редактируя его в разделе Товары - Товары или загрузите товары уже с несколькими фото сразу через прайс:
https://forum.storel...dpost__p__10321

#5 lelenushka

lelenushka

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

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

Отправлено 22 Сентябрь 2017 - 11:41

Просмотр сообщенияVaccina (22 Сентябрь 2017 - 07:52) писал:

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

Для этого добавьте дополнительные фото товару редактируя его в разделе Товары - Товары или загрузите товары уже с несколькими фото сразу через прайс:
https://forum.storel...dpost__p__10321

Спасибо большое за ответ! Если возникнут вопросы, напишу

#6 lelenushka

lelenushka

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

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

Отправлено 22 Сентябрь 2017 - 13:50

Подскажите пожалуйста, не понимаю поняла я или нет :D :D  но вот решила наглядно вам изобразить, то что мне пришло в голову читая пост выше.

Можно СОПУТСТВУЮЩИЕ ТОВАРЫ , поднять под фото, уменьшить фото чтобы там могло разместиться примерно 4-5 фото и переименовать СОПУТСТВУЮЩИЕ ТОВАРЫ в ДРУГИЕ ЦВЕТА

Можно сделать так ?Изображение

#7 Mr.Nito

Mr.Nito

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

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

Отправлено 22 Сентябрь 2017 - 15:03

Просмотр сообщенияlelenushka (22 Сентябрь 2017 - 13:50) писал:

Подскажите пожалуйста, не понимаю поняла я или нет :D :D  но вот решила наглядно вам изобразить, то что мне пришло в голову читая пост выше.

Можно СОПУТСТВУЮЩИЕ ТОВАРЫ , поднять под фото, уменьшить фото чтобы там могло разместиться примерно 4-5 фото и переименовать СОПУТСТВУЮЩИЕ ТОВАРЫ в ДРУГИЕ ЦВЕТА

Можно сделать так ?
Да, можно переделать сопутствующие товары таким образом.
Использоваться будет только для категории "Женские сумки" ?

#8 lelenushka

lelenushka

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

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

Отправлено 22 Сентябрь 2017 - 15:27

Просмотр сообщенияMr.Nito (22 Сентябрь 2017 - 15:03) писал:

Да, можно переделать сопутствующие товары таким образом.
Использоваться будет только для категории "Женские сумки" ?

Давайте еще мужские сумки и дорожные. Потому что там тоже часто бывает на 1 артикул по несколько цветов

#9 Mr.Nito

Mr.Nito

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

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

Отправлено 22 Сентябрь 2017 - 17:46

Просмотр сообщенияlelenushka (22 Сентябрь 2017 - 15:27) писал:

Давайте еще мужские сумки и дорожные. Потому что там тоже часто бывает на 1 артикул по несколько цветов
В шаблоне Товар добавил условия для отображения галереи под фото товара для категорий " Женские сумки , Мужские сумки , Дорожные сумки"

в main.css

/* С этим товаром смотрят, Сопутствующие товары */
#main .colors #related-goods-colors{
  display:block!important;
}
#main .colors + .related .related-goods {
  display:none!important;
}
#related-goods-colors .actions .add-wishlist,
#related-goods-colors .actions .add-compare {
  display: none!important;
}


#10 lelenushka

lelenushka

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

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

Отправлено 25 Сентябрь 2017 - 14:31

Просмотр сообщенияMr.Nito (22 Сентябрь 2017 - 17:46) писал:

В шаблоне Товар добавил условия для отображения галереи под фото товара для категорий " Женские сумки , Мужские сумки , Дорожные сумки"

в main.css

/* С этим товаром смотрят, Сопутствующие товары */
#main .colors #related-goods-colors{
display:block!important;
}
#main .colors + .related .related-goods {
display:none!important;
}
#related-goods-colors .actions .add-wishlist,
#related-goods-colors .actions .add-compare {
display: none!important;
}
Добрый день !
Можно подправить ???
1. уменьшить надпись "ДРУГИЕ ЦВЕТА" и уменьшить рамки с фотографиями? как это сделано слева по вертикали
2. поднять надпись и и фотки еще выше, прям под основную фотографию  (указала на фото)
Изображение

#11 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Сентябрь 2017 - 15:31

Просмотр сообщенияlelenushka (25 Сентябрь 2017 - 14:31) писал:

Добрый день !
Можно подправить ???
1. уменьшить надпись "ДРУГИЕ ЦВЕТА" и уменьшить рамки с фотографиями? как это сделано слева по вертикали
2. поднять надпись и и фотки еще выше, прям под основную фотографию  (указала на фото)


1.Надпись "ДРУГИЕ ЦВЕТА"  уменьшил
2.Фото поднял выше под основное фото

#12 lelenushka

lelenushka

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

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

Отправлено 25 Сентябрь 2017 - 16:23

Просмотр сообщенияMr.Nito (25 Сентябрь 2017 - 15:31) писал:

1.Надпись "ДРУГИЕ ЦВЕТА"  уменьшил
2.Фото поднял выше под основное фото

Маэстро )) спасибо большое ! Вроде пока нет проблем и вопросов. все четко :rolleyes:

#13 lelenushka

lelenushka

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

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

Отправлено 26 Сентябрь 2017 - 10:20

:unsure:  Доброе утро, есть проблемка.
Фотографии чуток растягиваются... можно еще их уменьшить по высоте  ?

#14 Mr.Nito

Mr.Nito

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

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

Отправлено 26 Сентябрь 2017 - 11:05

Просмотр сообщенияlelenushka (26 Сентябрь 2017 - 10:20) писал:

:unsure:  Доброе утро, есть проблемка.
Фотографии чуток растягиваются... можно еще их уменьшить по высоте  ?
Уменьшил ширину фото.
Уточните, пожалуйста, товар с проблемным отображением.

#15 lelenushka

lelenushka

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

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

Отправлено 26 Сентябрь 2017 - 11:47

Просмотр сообщенияMr.Nito (26 Сентябрь 2017 - 11:05) писал:

Уменьшил ширину фото.
Уточните, пожалуйста, товар с проблемным отображением.
Наверное нужно уменьшить еще высоту. Очень наглядно видно в ДОРОЖНЫХ СУМКАХ

#16 Mr.Nito

Mr.Nito

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

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

Отправлено 26 Сентябрь 2017 - 12:42

Просмотр сообщенияlelenushka (26 Сентябрь 2017 - 11:47) писал:

Наверное нужно уменьшить еще высоту. Очень наглядно видно в ДОРОЖНЫХ СУМКАХ
В файле main.css в строке
#related-goods-colors .item .item-inner .item-img > a img{	width: 150px;	height: auto;}
изменяйте значение width: 150px , чтобы подобрать нужный размер изображения

#17 lelenushka

lelenushka

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

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

Отправлено 26 Сентябрь 2017 - 14:04

Просмотр сообщенияMr.Nito (26 Сентябрь 2017 - 12:42) писал:

В файле main.css в строке
#related-goods-colors .item .item-inner .item-img > a img{ width: 150px; height: auto;}
изменяйте значение width: 150px , чтобы подобрать нужный размер изображения

Понятно! Спасибо большущее :)




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

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