Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Merhabalar

Site tasarımına yenı basladım

1- https://www.dinikitapcim.com sitesinde mesela En yeniler'de ürünlerin altında isim , tutar ve Sepete ekle Butonu ortalı degıl ugrastım fakat bulamadım nasıl yapabılırım acaba?

2- Sepete ekle'nın uzerıne geldıgım zaman yarısı kayboluyor sebebını bulamadım.

yardımcı olabılırsenız sevınırım.

Kolay gelsın

(12-10-2013 02:30 AM)byxox Yazılan:  Merhabalar

Site tasarımına yenı basladım

1- https://www.dinikitapcim.com sitesinde mesela En yeniler'de ürünlerin altında isim , tutar ve Sepete ekle Butonu ortalı degıl ugrastım fakat bulamadım nasıl yapabılırım acaba?

2- Sepete ekle'nın uzerıne geldıgım zaman yarısı kayboluyor sebebını bulamadım.

yardımcı olabılırsenız sevınırım.

Kolay gelsın

Merhaba temanızın stylesheet.css dosyasını açınız bulunuz bu konu
Bununla degiştirin

Bulun bu kodu


Bununla degiştirin

çok teşekkur ettım güzel oldu

---

Birşey soracagım bu yazdıklarımız sanırım ençok satanlar ve özel urunlerde işe yaramamış.Onlar farklı bir css yemı bakıyordur acaba

#container {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;

buradan degıstırdıgımde tum menuler degısmektedır acaba nereye bakmaktadır?

yardım edebılecek yokmudur acaba?

1- Urunlerın altındakı sepete ekle butonu yazının uzunluguna gore biraz altta veya bıraz ustte olmaktadır.Eşit bir şekilde nasıl yapabılırız acaba

2- Ençok satanlar ve özel urunlerın resımlerının altındakı yazı ve sepete ekle butonunu tam ortalı yapamadım bunu nasıl yapabılırım.

Site https://www.dinikitapcim.com

aşağıdaki temanın css lerine bakarak istediğinizi yapabilirsiniz....
css leri değiştirmeden önce yedek almayı unutmayın..
içinden çıkamasanız buradan adım adım istediğinizi belirtin birlikte çözmeye çalışalım
http://www.tr-opencart.com/Konu-1-5-5-1-...ri-renk%20

---

(12-11-2013 01:59 AM)byxox Yazılan:  #container {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;

buradan degıstırdıgımde tum menuler degısmektedır acaba nereye bakmaktadır?

burasıyla fazla ilgilenme
border:5px solid #f00;
border-radius: 8px;
background: #000;
bunları eklersen ilgilendiğin alan ortaya cıkar

---

(12-11-2013 12:53 AM)byxox Yazılan:  çok teşekkur ettım güzel oldu

---

Birşey soracagım bu yazdıklarımız sanırım ençok satanlar ve özel urunlerde işe yaramamış.Onlar farklı bir css yemı bakıyordur acaba

sağ veya sol bolktaysa
div+div veya
#content .box-product > div {
width: 184px;
padding-top: 8px;
padding-bottom: 3px;
text-align: center;
display: inline-block;
vertical-align: top;
background: url('../image/*****.***') center center no-repeat;
margin-left: 5px;
margin-right: 1px;
margin-bottom: 10px;
}
css leriyle düzeltebilirsin

yedek almayı unutmadan
aşağıdaki kodları css ne ekle

.box-product {
width: 100%;
overflow: display;
margin-top: 3px;
}
.box-product > div {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
width: 180px;
background:#fff;
text-align:center;
position:relative;
display: inline-block;
border-radius:10px;
vertical-align: top;
border-bottom:8px solid #fff;
margin-left: 6px;
margin-right:5px;
margin-bottom: 8px;
margin-top:1px;
padding-top: 10px;
padding-bottom:15px;
height: 310px;
-webkit-transition: -webkit-transform 0.8s ease-in-out;
-moz-transition: -moz-transform 0.8s ease-in-out;
-ms-transition: -ms-transform 0.8s ease-in-out;
-o-transition: -o-transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
}
.box-product > div:hover {
position: relative;
z-index: 99;
box-shadow: 0px 0px 10px 2px #999;
-moz-box-shadow: 0px 0px 10px 2px #999;
-webkit-box-shadow: 0px 0px 10px 2px #999;
width: 180px;
background-image: linear-gradient(to bottom, #fff, #fff);
text-align:center;
position:relative;
display: inline-block;
border-radius:10px;
vertical-align: top;
margin-left: 6px;
margin-right:5px;
margin-bottom: 8px;
margin-top:1px;
padding-top: 10px;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
}
#column-left + #column-right + #content .box-product > div {
width: 160px;
}
.box-product .image {
display: block;
margin-bottom: 10px;
background: url('../image/realt.png') bottom center no-repeat;
}
.box-product .image img {
padding: 0px;border-radius:10px 10px 15px 15px;
border: 0px solid #ddd;
width:90%;
background: url('../image/realt.png') bottom center no-repeat;
}
.box-product .image img:hover{
padding: 0px;border-radius:10px 10px 15px 15px;
border: 0px solid #333;
width:90%;
background: url('../image/realt.png') bottom center no-repeat;
}
.box-product .name {
height: 50px;
line-height: 16px;
width: 100%;
overflow: hidden;
}
.box-product .name a {
color: #444;
font-family: verdana,geneva,sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
.box-product .price {
display: block;
font-weight: bold;
color: #666;
line-height: 30px;
margin-bottom: 4px;
font-size: 16px;
text-shadow: #333 1px 1px 1px;
}
.box-product .price-old {
color: #999;
font-size: 12px;
text-decoration: line-through;
text-shadow: none;
}
.side-products .price-old {
color: #111;
text-decoration: line-through;
text-shadow: none;
}
.box-product .price-new {
font-weight: bold;
}
.box-product .rating {
display: block;
margin-bottom: 4px;
}


kampanyalı ürün resmini kitapların üstüne alırsak daha düzgün görüntü alabiliriz
css de bulamadım
tpl dosyasındamı

Karaer hocam tesekkurler

1- dedıgınızı yaptım bırazcık degısıklık yatım kenar boslugu kalıyordu menulerde onuda ayarladım guzel oturdu elınıze saglık.Kampanyalı urunler tpl de sanırım bence guzel gorundu tesekkur ettım.Tpl den kaldırınca kampanyalı urunlerı sepete ekle hepsınde eşit oldu tesekkur ettım.Kampanyalı urunlerı urunun ustune alalım derken resmının ustune mı alalım kodunu yazayım ;

<?php if ($product['price']) { ?>
<?php if (!$product['special']) { ?>
<?php $fiyat = str_replace(",","",$product['price']); ?>
<?php if ($fiyat>100) echo '<img src="catalog/view/theme/default/image/kargo.gif">'; ?>

<?php } else { ?><?php $ozel = str_replace(",","",$product['special']); ?>

<?php if ($ozel>100) echo '<img src="catalog/view/theme/default/image/kargo.gif">'; ?>
<img src="catalog/view/theme/default/image/kampanya.gif">
<?php } ?>
<?php } ?>




2- En çok satanlar ve özel ürünler ıcın ortalama ayarını yapamadım halen yardımcı olabılırmısınız.

3- Opencart sunucu dan hataları aç dedıgımde sıtede şu şekılde bır hata cıkmaktadır ;

Notice: Undefined variable: count in /home/dinikita/public_html/catalog/controller/module/pro_category.php on line 45Notice: Trying to get property of non-object in dıye yazıyor alt alta neden kaynaklanıyor olabılır

.box-product yazan yerin hemen üstüne ekle sağ ve sol bolkların ortalanması lazım

.box-product2 {
width: 100%;
overflow: display;
margin-top: 3px;
}
.box-product2 > div {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
width: 180px;
background:#fff;
text-align:center;
position:relative;
display: inline-block;
border-radius:12px;
vertical-align: top;
border-bottom:2px solid #ccc;
margin-left: 22px;
margin-right:5px;
margin-bottom: 6px;
margin-top:1px;
padding-top: 10px;
padding-bottom:30px;
height: 310px;
-webkit-transition: -webkit-transform 0.8s ease-in-out;
-moz-transition: -moz-transform 0.8s ease-in-out;
-ms-transition: -ms-transform 0.8s ease-in-out;
-o-transition: -o-transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
}
.box-product2 > div:hover {
position: relative;
z-index: 99;
box-shadow: 0px 0px 10px 2px #999;
-moz-box-shadow: 0px 0px 10px 2px #999;
-webkit-box-shadow: 0px 0px 10px 2px #999;
width: 180px;
background-image: linear-gradient(to bottom, #fff, #fff);
text-align:center;
position:relative;
display: inline-block;
border-radius:10px;
vertical-align: top;
margin-left: 6px;
margin-right:5px;
margin-bottom: 8px;
margin-top:1px;
padding-top: 10px;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
}

evet ekledım duzeldı tesekkur ettım