Начать новую тему

Иконки платежных сервисов в подвале

Здравствуйте, как можно добавить или удалить иконки платежных сервисов?



ещё 1 человеку задает этот вопрос

Здравствуйте!


Спасибо, что обратились к нам.


Данные иконки реализованы с помощью спрайтов. Под спрайтами в CSS принято называть одно изображение, которое состоит из нескольких "частей", которые показываются по отдельности в зависимости от действий пользователя. Таким образом, фоном для всех иконок платежных систем служит одно изображение, а с помощью CSS правила background-position происходит выбор конкретной части спрайта для конкретной иконки платежной системы.


Для изменения иконок вы можете также создать спрайт по аналогии с тем, который используется в Мерчиуме по умолчанию, также вы можете не объединять иконки, а использовать несколько изображений по отдельности. Ниже вы можете найти инструкцию по изменению иконки способа платежа PayPal:

  1. В администраторской части магазина перейдите на страницу Дизайн > Редактор файлов.
  2. Откройте секцию, в которую будете загружать изображение иконки (Темы, Изображения или Файлы).
  3. Загрузите изображение в желаемую директорию с помощью кнопки с иконкой +.
  4. Когда изображение загружено, в секции слева выберите изображение. С помощью контекстного меню откройте изображение в новой вкладке браузера и скопируйте адрес изображения из адресной строки браузера. Данную ссылку вы сможете использовать при указании фона в поле Пользовательские CSS в визуальном редакторе Мерчиума. Также отметим, что использование изображений со сторонних серверов также возможно, если имеется ссылка на изображение.
  5. В панели администратора перейдите на страницу Дизайн > Темы.
  6. Нажмите на кнопку Визуальный редактор справа от выбранной темы.
  7. Откройте секцию Пользовательские CSS.
  8. Откройте инструмент разработчика в вашем браузере и выделите необходимый элемент (на прикрепленном снимке экрана Tooltip_111.png вы можете увидеть работу данного инструмента в браузере Google Chrome).
  9. Найдите уникальный класс для данной иконки. В нашем случае это paypal.
  10. Теперь необходимо определить новый фон для элемента с данным классом. Для этого в поле Пользовательские CSS добавьте строки, указанные ниже. Чтобы повысить приоритет селектора, добавим класс .ty-payment-icons__item в используемый селектор.
  11. Нажмите Сохранить.
.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


Спасибо.

Спасибо за помощь!

Спасибо за ваше сообщение. Мы рады вам помочь. Пожалуйста, обращайтесь, если будут вопросы в будущем.


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