Как изменить кнопку "Разместить заказ"

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

Кнопку "Разместить заказ" можно легко поменять помощью CSS.

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

/* The "Place Order" button in up state */
div.ecwid-Checkout-placeOrderButton-up, div.ecwid-Checkout-placeOrderButton-up-hovering {
background: transparent url(icons/place_order.png) no-repeat top center !important;

}

/* The "Place Order" button in down state */

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

}

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

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

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

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

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

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

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