Перейти к содержанию

Стикеры-пиктограммы со значениями характеристик над описанием


Рекомендуемые сообщения

Доброго времени!
Нужно ярко выводить основные характеристики в виде пиктограмм (иконок) со значением характеристики.  Раньше мы вставляли такие самодельные пиктограммы в текст описания. Но это очень неудобно - нужна автоматика. 

image.png.0b6473d8530a03eac084295d7696eae4.png

Ранее я поднял эту тему на cs-cart, там есть хороший комментарий @AndreyJ  с примерами   https://forum.cs-cart.ru/t/piktogrammy-kartinki-v-opisanii-tovara-po-znacheniyu-harakteristik/18958/4

Мне видится следующие особенности поведения пиктограмм:

* Всплывающее наименование характеристики и её значения при наведении мышкой (AltText или/и Title). Например "Длина лодки 170 см".
* Перенос на вторую строку на узких экранах (на телефонах).
* Вывод различных пиктограмм в зависимости от значения характеристики (не числовое значение, а к примеру форма: круг, квадрат, треугольник).

Вот пример пиктограмм для характеристики "Тип корпуса":  Румпельный;  Консоль;  Автомобильный
image.png.3993e6918ad5cd69da20b0b776e6e961.png

А вот где лучше разместить плашку с этими пиктограммами - вопрос.  На телефоне - под картинкой.  А на десктопе либо также под картинкой (над описанием); либо между картинкой и блоком с ценой; либо под блоком с ценой. 

Возможна ли такая доработка Стикеров, или это тянет на отдельный модуль?  

 

Ссылка на комментарий
  • Администраторы
01.07.2022 в 21:35, Михаил сказал:

Доброго времени!
Нужно ярко выводить основные характеристики в виде пиктограмм (иконок) со значением характеристики.  Раньше мы вставляли такие самодельные пиктограммы в текст описания. Но это очень неудобно - нужна автоматика. 

image.png.0b6473d8530a03eac084295d7696eae4.png

Ранее я поднял эту тему на cs-cart, там есть хороший комментарий @AndreyJ  с примерами   https://forum.cs-cart.ru/t/piktogrammy-kartinki-v-opisanii-tovara-po-znacheniyu-harakteristik/18958/4

Мне видится следующие особенности поведения пиктограмм:

* Всплывающее наименование характеристики и её значения при наведении мышкой (AltText или/и Title). Например "Длина лодки 170 см".
* Перенос на вторую строку на узких экранах (на телефонах).
* Вывод различных пиктограмм в зависимости от значения характеристики (не числовое значение, а к примеру форма: круг, квадрат, треугольник).

Вот пример пиктограмм для характеристики "Тип корпуса":  Румпельный;  Консоль;  Автомобильный
image.png.3993e6918ad5cd69da20b0b776e6e961.png

А вот где лучше разместить плашку с этими пиктограммами - вопрос.  На телефоне - под картинкой.  А на десктопе либо также под картинкой (над описанием); либо между картинкой и блоком с ценой; либо под блоком с ценой. 

Возможна ли такая доработка Стикеров, или это тянет на отдельный модуль?  

 

Возможна доработка этого модуля, напишите пожалуйста в личные сообщения.

  • Like 1
Ссылка на комментарий

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйте новый аккаунт в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...