Ürün üzerinde parlama efekti

[attalias]

catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css

box products tamamını Bul ve Değiştir(default tema için)

/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
.box-product > div {
	width: 120px;
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 15px;
	text-align: center;
}
.box-product .image {
	display: block;
	margin-bottom: 0px;
}
.box-product .image img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
.box-product .image:hover img {
	padding: 3px;
	border: 1px solid #E7E7E7;
	position:relative;
	top:2px;
	opacity:.50;
	filter:alpha(opacity=50);
}
.box-product .name a {
	color: #38B0E3;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
}
.box-product .price {
	display: block;
	font-weight: bold;
	color: #333333;
	margin-bottom: 4px;
}
.box-product .price-old {
	color: #F00;
	text-decoration: line-through;
}
.box-product .price-new {
	font-weight: bold;
}
.box-product .rating {
	display: block;
	margin-bottom: 4px;
}

 

[adobe]

bir örnek var mı acaba ?

 

[geceajani]

attalias bu kod güzel emeğine sağlık. ancak bu kodu değilde, bu kodun içinde sanırım kategorilerin hepsini açık olarak gösteren bir css mantığı var onu bulamadım. sana zahmet onu açıklar mısın?

 

[hipokondriyak]

petshop.aduclup.com dan bakabılırsınız arkadaslar ornek olarak basarılı calısma olmus tesekkurler

 

[darkimpala]

petshop.aduclup.com dan bakabılırsınız arkadaslar ornek olarak basarılı calısma olmus tesekkurler

sitedeki menüye bayıldım çok zevkli olmuş. Nacizane fikrim arkaplan sarı rengide biraz elden geçirilirse güzel bi çalışma ortaya çıkar. Sağlıcakla kalın

 

[trtosi]

teşekkürler hoşuma gitti ancak ufak bir uyarı !
ana sayfada ilk kurulumda 6 tane sizin için seçtiklerimiz bölümü var. bu kodu koyduğumuz zaman orası 2 satır oluyor buda biçimsiz gözüküyor. bunun önüne geçmek için box-product i aşağıdaki kodla düzeltin o kadar

.box-product > div {
width: 120px;
float: left;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 15px;
text-align: center;
}

 

[öz_ak]

iki taraftada blok kullananlar için ve 4 tane ürün görünmesini isteyenler için eklemede benden

.box-product > div {
width: 134px;
display: inline-block;
vertical-align: top;
margin-right: 5px;
margin-bottom: 15px;

la değiştirin

 

[kurumama]

petshop.aduclup.com dan bakabılırsınız arkadaslar ornek olarak basarılı calısma olmus tesekkurler

gerçekten güzel bir örnek olmuş