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


Ответы На Отзывы


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

#1 pasha00

pasha00

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

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

Отправлено 15 Апрель 2020 - 16:42

Добрый день!
Когда клиенты оставляют отзывы на товар, то магазин может опубликовать свой ответ на отзыв клиента. В шаблоне Техно ответ магазина никак не выделяется, и сливается с отзывом клиента (см. скриншот).
Пользуюсь также шаблоном Мокко - там ответ магазина четко отделяется от отзыва клиента.
Как сделать что-то аналогичное в шаблоне Техно?
Аккаунт: 9492

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

  • СКРИНШОТ-1.png


#2 stasia

stasia

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

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

Отправлено 16 Апрель 2020 - 15:47

Просмотр сообщенияpasha00 (15 Апрель 2020 - 16:42) писал:

Добрый день!
Когда клиенты оставляют отзывы на товар, то магазин может опубликовать свой ответ на отзыв клиента. В шаблоне Техно ответ магазина никак не выделяется, и сливается с отзывом клиента (см. скриншот).
Пользуюсь также шаблоном Мокко - там ответ магазина четко отделяется от отзыва клиента.
Как сделать что-то аналогичное в шаблоне Техно?
Аккаунт: 9492


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:    
.goodsDataOpinionListTableAnswer {padding-top: 10px;padding-left: 15px;border-top: 1px solid #dce4e9;border-left: 1px solid #dce4e9;margin-left: 5px;}


#3 pasha00

pasha00

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

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

Отправлено 16 Апрель 2020 - 17:05

Просмотр сообщенияstasia (16 Апрель 2020 - 15:47) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:
.goodsDataOpinionListTableAnswer {padding-top: 10px;padding-left: 15px;border-top: 1px solid #dce4e9;border-left: 1px solid #dce4e9;margin-left: 5px;}

Спасибо!
Только рамка получилась с дефектами:
- в левом-нижнем углу разрыв рамки,
- по правому краю рамки нет совсем
(скриншот прилагаю).

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

  • СКРИНШОТ-2.png


#4 support 2.0

support 2.0

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

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

Отправлено 20 Апрель 2020 - 13:42

Просмотр сообщенияpasha00 (16 Апрель 2020 - 17:05) писал:

Спасибо!
Только рамка получилась с дефектами:
- в левом-нижнем углу разрыв рамки,
- по правому краю рамки нет совсем
(скриншот прилагаю).
Добрый день, могу Вам предложить 2 варианта для отображения отзывов.
1 Вариант. Подредактировать рамку ту, которая у Вас уже есть сейчас Для этого найдите в main.css строчку:
.goodsDataOpinionListTableAnswer {padding-top: 10px;padding-left: 15px;border-top: 1px solid #dce4e9;border-left: 1px solid #dce4e9;margin-left: 5px;}
и измените ее на:
.goodsDataOpinionListTableAnswer {padding:10px; border:1px solid #dce4e9; margin-left: 5px;}
Рамку можно сделать другого цвета, например, желтого или фиолетового (используя цвета на сайте).
Для этого в той строчке измените
#dce4e9
на
#fcc62c
или на
#4c1e8b

Должна получиться такая строчка
.goodsDataOpinionListTableAnswer {padding: 10px;border: 1px solid #fcc62c;margin-left: 5px;}
или такая
.goodsDataOpinionListTableAnswer {padding: 10px;border: 1px solid #4c1e8b;margin-left: 5px;}

Вариант 2. Вертикальная полоса слева от текста и текст зеленого цвета:
для этого измените ту строчку на:
.goodsDataOpinionListTableAnswer {padding: 10px;border-left: 2px solid #167507;margin-left: 5px;color: #167507;}
Цвета опять же можно будет поставить любые.

#5 pasha00

pasha00

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

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

Отправлено 20 Апрель 2020 - 15:23

Просмотр сообщенияsupport 2.0 (20 Апрель 2020 - 13:42) писал:

Вариант 2. Вертикальная полоса слева от текста и текст зеленого цвета:
для этого измените ту строчку на:
.goodsDataOpinionListTableAnswer {padding: 10px;border-left: 2px solid #167507;margin-left: 5px;color: #167507;}
Цвета опять же можно будет поставить любые.

Спасибо за помощь! Применил 2й вариант.
Возник еще один вопрос. На телефоне текст отзывов иногда заходит за правый край экрана - скриншот-3. Адрес такой страницы: https://mos-tentoriu...ntorium-krem-45
А иногда тест отзывов помещается в экран - скриншот-4. Адрес такой страницы: https://mos-tentoriu...produkt-1-pegus
Как можно исправить эту ситуацию?

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

  • СКРИНШОТ-3.PNG
  • СКРИНШОТ-4.PNG


#6 Кенгуру

Кенгуру

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

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

Отправлено 30 Апрель 2020 - 19:24

Просмотр сообщенияsupport 2.0 (20 Апрель 2020 - 13:42) писал:

Добрый день, могу Вам предложить 2 варианта для отображения отзывов.
1 Вариант. Подредактировать рамку ту, которая у Вас уже есть сейчас Для этого найдите в main.css строчку:
.goodsDataOpinionListTableAnswer {padding-top: 10px;padding-left: 15px;border-top: 1px solid #dce4e9;border-left: 1px solid #dce4e9;margin-left: 5px;}
и измените ее на:
.goodsDataOpinionListTableAnswer {padding:10px; border:1px solid #dce4e9; margin-left: 5px;}
Рамку можно сделать другого цвета, например, желтого или фиолетового (используя цвета на сайте).
Для этого в той строчке измените
#dce4e9
на
#fcc62c
или на
#4c1e8b

Должна получиться такая строчка
.goodsDataOpinionListTableAnswer {padding: 10px;border: 1px solid #fcc62c;margin-left: 5px;}
или такая
.goodsDataOpinionListTableAnswer {padding: 10px;border: 1px solid #4c1e8b;margin-left: 5px;}

Вариант 2. Вертикальная полоса слева от текста и текст зеленого цвета:
для этого измените ту строчку на:
.goodsDataOpinionListTableAnswer {padding: 10px;border-left: 2px solid #167507;margin-left: 5px;color: #167507;}
Цвета опять же можно будет поставить любые.
а как такое же провернуть на шаблоне Какаду?

#7 Vaccina

Vaccina

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

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

Отправлено 07 Май 2020 - 00:49

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

На данный момент текст отзывов и ответ владельца на отзыв отличаются, вам необходимо ответ сделать зеленым цветом?

#8 Кенгуру

Кенгуру

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

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

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

Просмотр сообщенияVaccina (07 Май 2020 - 00:49) писал:

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

На данный момент текст отзывов и ответ владельца на отзыв отличаются, вам необходимо ответ сделать зеленым цветом?
да. и как у Тенториума, в таком же стиле и цвете :)

#9 pasha00

pasha00

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

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

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

Просмотр сообщенияpasha00 (20 Апрель 2020 - 15:23) писал:

Спасибо за помощь! Применил 2й вариант.
Возник еще один вопрос. На телефоне текст отзывов иногда заходит за правый край экрана - скриншот-3. Адрес такой страницы: https://mos-tentoriu...ntorium-krem-45
А иногда тест отзывов помещается в экран - скриншот-4. Адрес такой страницы: https://mos-tentoriu...produkt-1-pegus
Как можно исправить эту ситуацию?
Мою проблему с отображением на мобильных как-то можно решить?




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

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