Виджет товара: Дизайн

2 мин. чтения

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

Фон и границы

Текст

Кнопка

При наведении

Решите, что будет происходить с виджетом товара при наведении на него указателя миши:

Ничего: Виджет товара не будет меняться.
Доп. слой: Будет появляться дополнительный слой цвета.
- Нажмите на палитру цветов, чтобы выбрать цвет слоя. Перетяните ползунок, чтобы изменить прозрачность.
- (По желанию) Нажмите на палитру цветов, чтобы выбрать цвет границы, и перетяните ползунок, чтобы изменить ширину границы.
- (По желанию) Нажмите на переключатель При наведении увеличивать:
  - Включено: Когда пользователь наводит курсор на изображение, оно будет увеличиваться.
  - Выключено: Когда пользователь наводит курсор на изображение, оно не будет увеличиваться.
Увеличение: Изображение будет увеличиваться при наведении.
- (По желанию) Нажмите на палитру цветов, чтобы выбрать цвет слоя. Перетяните ползунок, чтобы изменить прозрачность.
- (По желанию) Нажмите на палитру цветов, чтобы выбрать цвет границы, и перетяните ползунок, чтобы изменить ширину границы.
- Переключатель При наведении увеличивать: Убедитесь, что переключатель включен.
Рамка: Вокруг информации о товаре появляется рамка.
- (По желанию) Нажмите на палитру цветов, чтобы выбрать цвет слоя. Перетяните ползунок, чтобы изменить прозрачность.
- Нажмите на палитру цветов, чтобы выбрать цвет границы, и перетяните ползунок, чтобы изменить ширину границы.
- (По желанию) Нажмите на переключатель При наведении увеличивать:
  - Включено: Когда пользователь наводит курсор на изображение, оно будет увеличиваться.
  - Выключено: Когда пользователь наводит курсор на изображение, оно не будет увеличиваться.

Ленточка

Была ли статья полезна?