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

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

Вы можете изменить эту кнопку с помощью 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