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

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


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

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

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

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

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

 

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

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

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Восстановить форматирование

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

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

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