Page tree

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

Кастомизация стилей мерчанта v2 позволит придать Вашему сайту и платежной странице однородный и профессиональный вид. С ее помощью можно изменить варианты написания текста на платежной странице или добавить Ваш фирменный логотип.

Например, мерчант IntellectMoney до кастомизации:

Мерчант клиента после использования кастомизации:


IntellectMoney предлагает два возможных варианта кастомизации внешнего вида мерчанта:

1. Внедрение готовых стилей

Кастомизация страницы с помощью CSS позволяет вам изменить внешний вид и стиль элементов на веб-странице.

Ниже приведены шаги, которые помогут вам добавить собственные стили, использовать !important для переопределения существующих стилей и отправить готовый файл.

Шаг 1: Подготовка файла CSS

  1. Создайте новый файл CSS, например, custom-styles.css.
  2. Откройте файл в текстовом редакторе и добавьте свои стили. Например:
body {
    background-color: #f0f0f0;
}

h1 {
    color: #333;
    font-size: 24px;
}

Шаг 2: Использование инспектора задач

  1. Откройте веб-страницу, которую хотите кастомизировать.
  2. Нажмите правой кнопкой мыши на элемент, который требуется изменить, и выберите "Просмотреть код" или "Инспектировать" (в зависимости от браузера).
  3. В инспекторе задач найдите соответствующий элемент HTML и изучите применяемые к нему стили.

Шаг 3: Изменение стилей

  1. В инспекторе задач вы можете временно изменять стили элемента, чтобы увидеть, как они будут выглядеть.
  2. После того как вы определите нужные изменения, запишите их в вашем файле custom-styles.css.

Пример изменения стиля:

h1 {
    color: #ff0000 !important; /* Этот цвет будет применен независимо от других определений */
}

Шаг 4: Отправка готового файла

После завершения всех изменений стилей отправьте готовый файл `custom-styles.css нам на электронную почту или через другой удобный способ с указанием номера организации или магазина к которому хотите применить данные стили.

Мы добавим данный файл в проект, протестируем и сообщим Вам по завершению работ, чтобы Вы могли проверить результат и если необходимо внести корректировки.

2. Верстка и внедрение предоставленного макета в формате PSD силами IntellectMoney

Для реализации этого варианта кастомизации Вам необходимо предоставить макет желаемого вида мерчанта в формате PSD, выполненный на основе имеющихся блоков и элементов в текущем работающем мерчанте.

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

После предоставления макета мы произведем верстку и подключение стилей к Вашему магазину.


Добавление новых блоков и функционала при кастомизации не подразумевается, только изменение внешнего вида на основе имеющихся блоков и элементов.

При кастомизации по второму варианту можно опираться на стандартные файлы стилей, а именно на идентификаторы и классы, описанные в файле.

  • No labels