Our client did some pre-testing of the site and was delighted with the template and how great everything looks (and works). We've been able to make several changes that they asked for but one remains ...
Is there an easy way to change/switch the '+' add to cart icon/button to be a mini shopping cart instead? Our client said that the '+' symbol was not obvious. Attached is a photo mockup of what they would like if it's a simple process.
Hi Guys
Our client did some pre-testing of the site and was delighted with the template and how great everything looks (and works). We've been able to make several changes that they asked for but one remains ...
Is there an easy way to change/switch the '+' add to cart icon/button to be a mini shopping cart instead? Our client said that the '+' symbol was not obvious. Attached is a photo mockup of what they would like if it's a simple process.
Many thanks as always
Clive
Hi Clive,
You can add this custom CSS:
.woocommerce .shop-item .item-info a[data-product_id]:before {
content: '';
background: url(/wp-content/themes/aurum/assets/images/cart_1.svg);
width: 35px;
height: 35px;
background-size: 100%;
top: -10px;
left: 10px;
}
.woocommerce .shop-item .item-info a[data-product_id].loading:before {
animation: fadeOnly 300ms ease-in-out infinite;
animation-direction: alternate;
}
@keyframes fadeOnly {
0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
and it should look like this:
(view large version)
Hi Arlind
That's awesome! Working now as planned at http://v08.booklet.ro :)
Many thanks indeed
Clive
Glad to hear that.
Will set this ticket as solved from here.