Чем мы можем вам сегодня помочь?
Иконки платежных сервисов в подвале
Здравствуйте!
Спасибо, что обратились к нам.
Данные иконки реализованы с помощью спрайтов. Под спрайтами в CSS принято называть одно изображение, которое состоит из нескольких "частей", которые показываются по отдельности в зависимости от действий пользователя. Таким образом, фоном для всех иконок платежных систем служит одно изображение, а с помощью CSS правила background-position происходит выбор конкретной части спрайта для конкретной иконки платежной системы.
Для изменения иконок вы можете также создать спрайт по аналогии с тем, который используется в Мерчиуме по умолчанию, также вы можете не объединять иконки, а использовать несколько изображений по отдельности. Ниже вы можете найти инструкцию по изменению иконки способа платежа PayPal:
- В администраторской части магазина перейдите на страницу Дизайн > Редактор файлов.
- Откройте секцию, в которую будете загружать изображение иконки (Темы, Изображения или Файлы).
- Загрузите изображение в желаемую директорию с помощью кнопки с иконкой +.
- Когда изображение загружено, в секции слева выберите изображение. С помощью контекстного меню откройте изображение в новой вкладке браузера и скопируйте адрес изображения из адресной строки браузера. Данную ссылку вы сможете использовать при указании фона в поле Пользовательские CSS в визуальном редакторе Мерчиума. Также отметим, что использование изображений со сторонних серверов также возможно, если имеется ссылка на изображение.
- В панели администратора перейдите на страницу Дизайн > Темы.
- Нажмите на кнопку Визуальный редактор справа от выбранной темы.
- Откройте секцию Пользовательские CSS.
- Откройте инструмент разработчика в вашем браузере и выделите необходимый элемент (на прикрепленном снимке экрана Tooltip_111.png вы можете увидеть работу данного инструмента в браузере Google Chrome).
- Найдите уникальный класс для данной иконки. В нашем случае это paypal.
- Теперь необходимо определить новый фон для элемента с данным классом. Для этого в поле Пользовательские CSS добавьте строки, указанные ниже. Чтобы повысить приоритет селектора, добавим класс .ty-payment-icons__item в используемый селектор.
-
Нажмите Сохранить.
.ty-payment-icons__item.paypal { background: url(ссылка на ваш файл); }
Если вы используете спрайт, так как это сделано в Мерчиуме по умолчанию, пожалуйста, добавьте правило для определения позиции спрайта:
.ty-payment-icons__item.paypal { background-position: 0px 0px; }
, где 0 - необходимое значение.
Надеемся, данная информация окажется полезной для вас.
Спасибо.
Если вам необходимо удалить одну или несколько иконок из данного блока, мы рекомендуем воспользоваться инструкцией из следующей темы:
http://help.merchium.ru/support/discussions/topics/1000037802
Спасибо.
Спасибо за помощь!
Спасибо за ваше сообщение. Мы рады вам помочь. Пожалуйста, обращайтесь, если будут вопросы в будущем.
max.ukrainets
Здравствуйте, как можно добавить или удалить иконки платежных сервисов?
еще 1 человеку задает этот вопрос