Tyres2Go.com is powered by WebAsyst Shop-Script.

In online store MegaPodarki the shopping cart area dynamically changes depending on whether a customer has added something to cart:

When there are no products in the cart, it looks empty.

If something has been added to the cart, it visually “appears” in it.

It is quite easy to make the shopping cart dynamically change its appearance in your WebAsyst Shop-Script store, you only need to use the built-in CSS design editor for that.

The shopping cart area in the storefront is contained inside a DIV tag to which CSS class cpt_shopping_cart_info is applied:

<div class="cpt_shopping_cart_info">
...here come the contents of the customer's shopping cart...
</div>

If there are products in the cart, the cart_not_empty ID is automatically specified:

<div class="cpt_shopping_cart_info" id="cart_not_empty">
...here come the contents of the customer's shopping cart...
</div>

Different appearance of the shopping cart area can be defined using CSS styles for the #cart_not_empty selector. Open the design editor of your online store and click the “CSS” tab. Find the cpt_shopping_cart_info class, it should look similar to the following:

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

To make the shopping cart change its appearance when products are added by a customer, just add style rules for the #cart_not_empty selector, e.g.:

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

Here you can use any necessary CSS rules: for background color, background image, etc.

Download all buttons in one archive (321 KB; 103 images shown above plus color variations of some of them).

As we promised, here is a collection of “Add to cart” and “Buy” buttons for online stores.

Download all buttons in one archive (87 KB; 32 gif files).

Adding new buttons to WebAsyst Shop-Script. Soon we will add a new configuration option to WebAsyst Shop-Script which will allow you to select “Add to cart” button style directly in the store backend. Until then you can install any of these buttons to your WebAsyst Shop-Script manually. To do this replace your files add2cart_en.gif and add2cart_small_en.gif with the files of the button that you like. Here is an example (yellow button):

1. Download add2cart_yellow_en.gif and rename it to add2cart_en.gif,
2. In WebAsyst Shop-Script backend “Design → Image uploader” screen delete your existing add2cart_en.gif file,
3. Upload new add2cart_en.gif.
4. The same applies for add2cart_small_en.gif.

Next time we are going to publish more “Add to cart” and “Buy now” buttons, with more than just color variations. There will be buttons of completely different designs.

We continue publishing free icons and buttons for websites and online storefronts. This time — buttons for several most popular shipping types:

Icons are free to use. Download in one archive (9 KB, zip).

We are open to your suggestions — post your requests for shipping type icons in this post comments.

Pretty soon we are going to publish a collection of free “Add to cart” and “Buy now” buttons.

We have designed a collection of payment type icons (buttons) which you can embed into your website or online storefront to show which payment types you accept:

Download entire collection (28 KB zip archive).

Icons are free to use.

You may post your payment icons and buttons requests in comments. We welcome your suggestions on how should we improve this collection.

We are glad to present new design layout for Shop-Script FREE:

For backend we have incorporated design layout from commercial Shop-Script PRO and PREMIUM versions:

Storefront got completely new light and friendly interface:

View new Shop-Script FREE live demo

See new Shop-Script FREE screenshots

Download new Shop-Script FREE here