Ürün üzerinde parlama efekti

attalias

OpenCart-TR
Katılım
9 Eki 2010
Mesajlar
62
Tepkime puanı
0
Puanları
0
catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css

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

Kod:
/* 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

OpenCart-TR
Katılım
28 Kas 2010
Mesajlar
241
Tepkime puanı
0
Puanları
0
bir örnek var mı acaba ?
 

geceajani

OpenCart-TR
Katılım
18 Nis 2011
Mesajlar
57
Tepkime puanı
0
Puanları
0
Konum
İstanbul
Web sitesi
www.fatihasci.com
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

OpenCart-TR
Katılım
7 Haz 2011
Mesajlar
70
Tepkime puanı
0
Puanları
0
petshop.aduclup.com dan bakabılırsınız arkadaslar ornek olarak basarılı calısma olmus tesekkurler
 

darkimpala

OpenCart-TR
Katılım
25 Ara 2010
Mesajlar
12
Tepkime puanı
0
Puanları
0
hipokondriyak' Alıntı:
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

OpenCart-TR
Katılım
21 Tem 2011
Mesajlar
5
Tepkime puanı
0
Puanları
0
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

OpenCart-TR
Katılım
21 Ocak 2010
Mesajlar
210
Tepkime puanı
0
Puanları
0
Yaş
44
Web sitesi
www.bitkiselsağlık.com
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
 
Üst