По вашим просьбам публикуем еще несколько иконок способов оплаты и доставки для WebAsyst Shop-Script:

Эти и нарисованные нами ранее иконки доступны также в базе знаний.

В интернет-магазине «Мега Подарки» классно сделана корзина покупок — когда посетитель магазина добавляет продукты в корзину, продукты становятся видны в корзине визуально.

Когда в заказе ничего нет, корзина выглядит пустой.

Когда заказ непустой, в корзине появляются продукты.

Сделать так в WebAsyst Shop-Script довольно просто — в дизайн-редакторе во вкладке редактирования стилей CSS.

Блок корзины в пользовательской части магазина всегда помещается в div с классом cpt_shopping_cart_info:

<div class="cpt_shopping_cart_info">
...здесь отображается содержимое корзины покупателя...
</div>

Если в корзине есть продукты, то на этот блок автоматически добавляется идентификатор #cart_not_empty:

<div class="cpt_shopping_cart_info" id="cart_not_empty">
...здесь отображается содержимое корзины покупателя...
</div>

Различное отображение корзины в зависимости от ее заполненности можно задать с помощью описания стилей для #cart_not_empty. Войдите в дизайн-редактор вашего интернет-магазина и щелкните по вкладке «Стили (CSS)». Найдите описание класса cpt_shopping_cart_info. Оно выглядит примерно так:

.cpt_shopping_cart_info {
background: transparent url("../../images/shopping-cart-empty.gif") no-repeat top left;
background-position: 28px 38px;
}

Чтобы сделать отображение корзины другим, когда она полная, достаточно после объявления этого класс добавить описания #cart_not_empty:

#cart_not_empty {
background: transparent url("../../images/shopping-cart-full.gif") no-repeat top left;
...
}

В описании класса вы можете использовать любые CSS-правила: цвет фона, фоновое изображение и т.д.

Все кнопки в одном архиве (330 КБ; 103 файла — все картинки, опубликованные выше, плюс разные цветовые вариации некоторых из них). Использовать можно бесплатно.

Есть также все эти кнопки на английском языке.

Как и обещали, разные варианты кнопок «Добавить в корзину» и «Купить» для интернет-магазинов.

Скачать все кнопки в виде архива (90 КБ; 32 gif-файла). Использовать можно бесплатно.

Как установить в WebAsyst Shop-Script. Скоро мы добавим в WebAsyst Shop-Script возможность выбора (настройку в администрировании) кнопку какого цвета использовать с возможностью загрузки своих кнопок. Пока это не сделано, вы можете установить любую из этих кнопок себе в магазин WebAsyst Shop-Script вручную. Для этого замените существующие файлы add2cart_ru.gif и add2cart_small_ru.gif файлами понравившейся кнопки. Например (желтая кнопка):

1. Скачайте add2cart_yellow_ru.gif и переименуйте его в add2cart_ru.gif,
2. В разделе администрирования WebAsyst Shop-Script «Дизайн → Загрузка изображений» удалите существующий файл add2cart_ru.gif,
3. Закачайте в этом же разделе магазина новый add2cart_ru.gif.
4. То же самое нужно сделать и для add2cart_small_ru.gif.

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

И еще немного иконок, которые вы просили нас сделать в комментариях к предыдущим постам с иконками для разных способов оплаты и доставки:

Продолжаем выкладывать красивые иконки для ваших сайтов и интернет-магазинов. На этот раз — кнопочки для способов доставки:

Все иконки — бесплатные. Скачать в виде архива (18 КБ).

Еще раз напоминаю, что мы рады вашим пожеланиям — пишите в комментариях, какие иконки нужны вашему сайту или интернет-магазину. Например, скоро мы опубликуем разные варианты кнопок «Добавить в корзину» и «Купить».

Мы сделали иконки для самых популярных способов оплаты в интернет-магазинах (оплата наличными, через платежные системы, оплата кредитными картами):

Загрузить в виде архива (42 КБ).

Вы можете использовать эти иконки в вашем интернет-магазине. Иконки будут хорошо смотреться на фоне любого цвета. 

Иконки бесплатные.

Если у вас есть предложения, что еще нужно добавить в эту коллекцию, оставляйте предложения в комментариях.