Как изменить фон кнопки «Добавить новый адрес» в адресной книге

Дата последнего изменения:

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

Если вы хотите изменить внешний вид этой кнопки, следуйте инструкции ниже:

  1. Загрузите исходное изображение,
  2. Отредактируйте его в удобном для вас редакторе,
  3. Загрузите изображение на свой сервер или на любой хостинг картинок,
  4. Добавьте CSS-код расположенный ниже в тему вашего магазина в Панели управления Эквидом → Настройки → Дизайн → CSS темы, заменив строчку icons/addnewaddress.gif прямой ссылкой на отредактированное изображение, например,url(http://www.example.com/images/my_custom_addNewAddress.gif)

	div.ecwid-AddressBook-addButton {
	background: transparent url(icons/addNewAddress.gif) no-repeat;
	}

Чтобы изменить цвет надписи "Добавить новый адрес", используйте следующий CSS-код:


	div.ecwid-AddressBook-addButton div { color: red; }

Таким же образом изменяются и другие параметры текста, например, размер шрифта:


div.ecwid-AddressBook-addButton div { color: red; font-size: 14px; }

Чтобы изменить текст надписи, как и в большинстве случаев, когда нужно изменить существующий текст элементов витрины, используются пользовательские переводы. В нашем случае, код пользовательского перевода выглядит следующим образом:


<script>
ecwidMessages = {
"AddressBook.new_address":"Добавить новый <br />адрес"
}
</script>

Как и все коды переводов, он добавлется на ту же страницу, на которой вы разместили каталог товароввашего магазина. И не забудьте заменить надпись «Добавить новый адрес» собственным текстом — тег <br /> используется для переноса на новую строку.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Остались вопросы?
Обратитесь за помощью
  • Форум

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

  • Связь с техподдержкой

    Есть вопросы? Свяжитесь с нами, мы будем рады вам помочь.

  • Состояние сервиса

    Страница с информацией о запланированных технических работах и текущем состоянии сервиса.