Иконки оплаты и доставки
Статья актуальна для версии магазина: 11.0
Рассмотрим в данной статье, как изменить размер иконок оплаты и доставки на странице оформления заказа.
- Иконки для оплаты
- Иконки для доставки
Иконки для оплаты
Рассмотрим основные настройки отображения иконок оплаты на странице оформления заказа через трансформер дизайна — вкладка «Оформление заказа» (рис. 1-2).
Рисунок 1.
Рисунок 2.
Чтобы изменить размеры иконки оплаты через панель администрирования, перейдите в раздел «Дизайн» — «Параметры» — вкладка «Оформление заказа» — «Иконки для оплаты».
Рисунок 3.
Иконка для оплаты — картинка малого размера, выводится в процессе оформления заказа в списке методов оплаты.
По умолчанию размеры:
Ширина 60 (px)
Высота 40 (px)
Измените размеры и сохраните изменения.
Внимание!
Новые параметры будут действовать только для вновь загруженных изображений.
Если необходимо, чтобы размер применился к текущим изображения, то нужно их перезалить.
Заметка
Установленные размеры — это максимально допустимые размеры, это означает, что если загрузить картинку размерами более, чем указанно в настройке, то картинка будет пропорционально сжата чтобы соответствовать размерам одной из сторон.
Мы рекомендуем загружать изображения, которые точь-в-точь, по своим размерам, соответствуют заданным размерам в настройках.
Пример картинки можно увидеть на рис. 4.
Рисунок 4.
Перейдем к настройкам иконки доставки.
Иконки для доставки
Рассмотрим основные настройки отображения иконок доставки на странице оформления заказа через трансформер дизайна (рис. 1) — вкладка «Оформление заказа» (рис.
5).
Рисунок 5.
Чтобы изменить размеры иконки доставки через панель администрирования, перейдите в раздел «Дизайн» — «Параметры» — вкладка «Оформление заказа» — «Иконки для оплаты».
Рисунок 6.
Иконка для доставки — по аналогии с иконкой оплаты, это картинка малого размера, выводится в процессе оформления заказа в списке методов доставки.
По умолчанию размеры:
Ширина 60 (px)
Высота 40 (px)
Измените размеры и сохраните изменения.
Внимание!
Новые параметры будут действовать только для вновь загруженных изображений.
Если необходимо, чтобы размер применился к текущим изображения, то нужно их перезалить.
Заметка
Установленные размеры — это максимально допустимые размеры, это означает, что если загрузить картинку размерами более, чем указанно в настройке, то картинка будет пропорционально сжата чтобы соответствовать размерам одной из сторон.
Мы рекомендуем загружать изображения, которые точь-в-точь, по своим размерам, соответствуют заданным размерам в настройках.
Пример картинки можно увидеть на рис. 7.
Рисунок 7.
Другие статьи по теме
- Добавление карты на страницу «Контакты»
- Модуль «Карусель PRO»
- Тема дизайна
- Фон дизайна
Статья оказалась полезной?
Да Нет
Благодарим за отзыв.
Как мы можем улучшить статью?
Проблема в
.
..Не могу закончить настройку, слишком сложная инструкцияСледовал инструкции, но ожидаемого результата не добилсяНедостаточно описаны вспомогательные элементыПохоже что инструкция устарелаТема статьи не раскрытаДругое
А именно с
Комментарий
Не нашли нужную статью? Предложить свою тему
Не нашли нужную статью?
На какую тему не нашлась статья?
Ваш email
Комментарий
Благодарим за отзыв.
Тэги: иконки, иконка, оплата, доставка
Более 30 бесплатных способов оплаты и наборов иконок для кредитных карт
Иконки — важные элементы любого веб-сайта электронной коммерции, особенно когда речь идет о платежах. Иконки позволяют сайту оставаться минималистичным, но в то же время информативным и функциональным.
Эти крошечные платежные штампы и изображения кредитных карт также могут сделать ваш веб-сайт более заслуживающим доверия, особенно если он обновлен со всеми последними и альтернативными способами оплаты.
В этой витрине я собрал более 30 бесплатных наборов значков электронной коммерции для способа оплаты и кредитной карты, чтобы улучшить ваши финансовые проекты. Не стесняйтесь перейти к первоисточнику и загрузить понравившийся набор значков. Только не забудьте проверить лицензию на использование.
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Загрузка файла. Доступен в форматах AI, EPS, SVG, PDF.
# 2 @WebDesignerDepot
Загрузка файла. Доступен в форматах AI, EPS, PNG.
# 3 @Medialoot
Загрузка файла. Доступно в форматах PNG, PSD.
# 4 @IconFinder
Загрузка файла. Доступно в SVG, PNG, AI.
# 5 @HevnGrafix Creative
Загрузка файла. Доступен в форматах AI, EPS.
# 6 @Epicpxls
Загрузка файла. Доступно в форматах AI, PSD.
# 7 @GraphicsFuel
Загрузка файла. Доступен в форматах AI, PSD, EPS, PNG, SVG.
#8 @Nikolay Ivanov
Загрузка файла. Доступно в формате PSD.
# 9 @BluGraphic
Загрузка файла. Доступно в AI.
# 10 @ Вирджил Пана
Загрузка файла. Доступен в формате PSD.
# 11 @EWebDesign
Загрузка файла. Доступно в форматах PNG, PSD, AI, EPS.
# 12 @GraphicsFuel
Загрузка файла. Доступно в форматах PSD, AI.
# 13 @CSSWinner
Загрузка файла. Доступно в форматах PNG, PSD, AI, EPS.
# 14 @DreamsTale
Загрузка файла. Доступен в форматах AI, EPS, PDF.
# 15 @GraphicsFuel
Загрузка файла. Доступен в форматах AI, PNG, SVG.
# 16 @SpeckyBoy
Загрузка файла. Доступно в форматах PNG, SVG.
# 17 @SpeckyBoy
Загрузка файла. Доступен в форматах AI, SVG.
# 18 @FreebiesBug
# 19 @DreamsTale
Загрузка файла. Доступен в форматах AI, EPS, PNG.
# 20 @GraphicBurger
Загрузка файла. Доступно в формате PSD.
# 21 @FreebiesBug
Загрузка файла. Доступно в форматах PSD, AI.
# 22 @WooCommerce
Доступно в PNG, AI, SVG. Загрузка файла.
