Powiększający się produkt po najechaniu myszką

Powiększający się produkt po najechaniu myszką, co zrobić aby moje produkty po takiej akcji powiększały się ?

 

Piszesz o grafikach czy całych boxach produktów?

 

o grafike tylko mi chodzi

 

Nie ma mnie teraz przy komputerze, ale może sprawdź firebugiem jaka klasa odpowiada za obrazek i daj w stylu tą samą klasę z :hover i daj jej height i width jakie Ci pasuje.
nie wiem czy to zadziała i będę mógł to sprawdzić rano więc może do tego czasu ktoś da Ci gotowe rozwiązanie

 

@pavali samo zdjęcie to nie wiem ale podsyłam przykładowy kod z wykorzystaniem całego boksu (zdjęcie, opis, kosz, cena). Pobaw się jak będziesz chciał inne rozmiary czy kolory

W zakładce Własny styl css wpisz:

Kod:

.products.viewphot .product:hover {
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 0 40px 5px rgba(0,0,0,0.2);
}
.centercol .products .product:hover {
    border: 2px solid #3b538c;
}
.centercol .products .product {
    border: 0;
    border-bottom: 5px solid #3b538c;
}

Prawdopodobnie w kategoriach po najechaniu na jeden produkt inne znajdujące się pod nim mogą się rozjechać, trzeba wtedy dodać coś na odstęp

 

Ciekawe

a co można zrobić, aby także na stronie głownej to było ?

lub samo zdjecie produktu, chociaż to też nie jest najgorsze rozwiązanie