Как изменить внешний вид кнопки “Продолжить покупки”

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

Вы можете изменить эту кнопку с помощью CSS-кода:

  1. Откройте изображение http://app.ecwid.com/icons/continue_shopping.png
    Это изображение - CSS-спрайт, т.е. оно включает в себя два изображения кнопки.
  2. Отредактируйте это изображение в любом графическом редакторе.
  3. Загрузите это изображение на свой сервер или на любой хостинг изображений
  4. Вставьте вот такой CSS-код в свою активную CSS тему в панели управления Эквида:
    /* The "Continue Shopping" button in up state */
    div.ecwid-ContinueShoppingButton-up, div.ecwid-ContinueShoppingButton-up-hovering, div.ecwid-ContinueShoppingButton-ie6-up, div.ecwid-ContinueShoppingButton-ie6-up-hovering {
    background: transparent url(icons/continue_shopping.png) no-repeat top center;
    }
    /* The "Continue Shopping" button in down state */
    div.ecwid-ContinueShoppingButton-down, div.ecwid-ContinueShoppingButton-down-hovering, div.ecwid-ContinueShoppingButton-ie6-down, div.ecwid-ContinueShoppingButton-ie6-down-hovering {
    background: transparent url(icons/continue_shopping.png) no-repeat bottom center;
    }
    
  5. Вместо icons/continue_shopping.png укажите путь к измененному изображению. Пример: url(http://www.example.com/images/my_custom_ continue_shopping.png)

    Дополнительную информацию об изменении CSS-кода или создании CSS-тем можно найти в статье Как изменить внешний вид магазина.

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

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

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

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

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

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