User Tools

Site Tools


prestashophelp:modules:shoppingcart

Shopping Cart module

Modifications

Add icon nearby the shopping cart

Upload image here /themes/your_theme/images/bag.png

and add to the Theme Settings>Custom CSS the code:

 
@media (min-width:980px) 
{
    #header #shopping_cart {  
        background: url("../images/bag.png") no-repeat 10px 5px;
        padding-left:34px;
    }
    
    #header #shopping_cart:hover, #header #shopping_cart.hover { 
        background:url("../images/bag.png") no-repeat 10px 4px #FF8373; 
    }        
}

Add icon and make the shopping cart more visible for customers

 
@media (min-width:980px) 
{
    #header #shopping_cart {  
        background: url("../images/bag.png") no-repeat 10px 5px #e08270;
        top: 29px;
        right:0;  
        height: 30px; 
        border-radius: 3px;  
        width: 149px; 
        margin: 0 0 3px 0;
        padding: 0 10px 0 10px;
    }
    #header #shopping_cart > a {float:right} 
    #header #shopping_cart:hover, #header #shopping_cart.hover { 
        background:url("../images/bag.png") no-repeat 10px 4px #FF8373; 
    } 

    #header #shopping_cart > span, #header #shopping_cart > a { 
        color: #000; 
        font-size: 15px; 
        font-weight: bold; 
        line-height: 29px; 
    }
    #header_user {position:absolute;right:0;}
    #header #shopping_cart .cart_block {top: 29px;}
}

Shopping Cart icons here https://www.dropbox.com/sh/0pkofzcgh2cms7i/b1wlF3bKsQ

prestashophelp/modules/shoppingcart.txt · Last modified: 2014/10/23 04:04 (external edit)