Как изменить кнопку "В корзину"

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

1. Откройте изображение http://app.ecwid.com/icons/add_to_bag.png
Это изображение - CSS-спрайт, т.е. оно включает в себя два изображения кнопки.
 
2. Измените изображение кнопки, как пожелаете, в любом графическом редакторе.
 
3. Загрузите изображение на свой сервер или на любой хостинг иображений.
 
4. Вставьте вот такой CSS-код в пользовательскую CSS тему в панели управления своего  Эквид-магазина:

/* The "Add to bag" button in up state */

div.ecwid-AddToBagButton-up, div.ecwid-AddToBagButton-up-hovering {
background: transparent url(icons/add_to_bag.png) no-repeat top center !important;

}

/* The "Add to bag" button in down state */

div.ecwid-AddToBagButton-down, div.ecwid-AddToBagButton-down-hovering {
background: transparent url(icons/add_to_bag.png) no-repeat bottom center !important;

}

 
 
Вместо "icons/add_to_bag.png" укажите реальный абсолютный путь к обновленному изображению.
Например:
    url(http://www.example.com/images/my_custom_add_to_bag.png)
 
Дополнительную информацию о модифицировании CSS-кода или создании CSS-тем можно найти в статье "Как изменить внешний вид магазина".

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

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

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

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

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

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