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

Ürün kategori resmini büyütmeye çalışırken başka bir soun ile karşılaştım. Kategori sayfasında ürün listeleme de 2. sırada işaretli alanda bir ürün atlama yapmaya başladı. Kodlama da görüldüğü
üzere “before-after” satırına bağlı bir sorun oluşmaya başladı. Nasıl düzeltebilirim.?
Ek te resim görseli mevcuttur...

Merhaba ;

Web sitesinin admin paneline giriş yap Sistem / Mağazalar / Genel Ayarlar / Resim bölümünde yer alan bölümden değişiklik yapabilirsin.


Diğer sorununa gelince “before-after” satırındaki hatanın sebebi de http://www.enerjiveguc.com/catalog/view/...esheet.css adresinde yer alan 701 nolu satırdaki clear:left; ibaresini silip kaydet. Ürün satır kaydırması kaybolacaktır. Aşağıda css dosyasında gösterdim. Buradaki clear:left i sileceksin

(03-22-2016 02:08 PM)bilisimakademi Yazılan:  Merhaba ;

Web sitesinin admin paneline giriş yap Sistem / Mağazalar / Genel Ayarlar / Resim bölümünde yer alan bölümden değişiklik yapabilirsin.


Diğer sorununa gelince “before-after” satırındaki hatanın sebebi de http://www.enerjiveguc.com/catalog/view/...esheet.css adresinde yer alan 701 nolu satırdaki clear:left; ibaresini silip kaydet. Ürün satır kaydırması kaybolacaktır. Aşağıda css dosyasında gösterdim. Buradaki clear:left i sileceksin

PHP Kod:

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
    clear:left;
    } 


================
Logo için dediğiniz değişikliği yaptım ve bir ekran görüntüsü ekledim...


===========
Ürün sıralama için de dediğiniz işlemi yaptım, düzeldi teşekkürler...

---

Sanırım çözüme ulaşıyorum.... Alan genişlemesini sağlayabildim...

catalog/view/javascript/bootstrap/css/bootstrap.min.css dosyasında;

.img-thumbnail
aratıp alttaki satırda belirtilen değişikliği yapmak gerekiyor...

.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}

max-width:380px;height:99px}

ancak kenar boşlukları nasıl kaldırabilirim...?

(03-22-2016 02:51 PM)Enerji ve Guc Yazılan:  

(03-22-2016 02:08 PM)bilisimakademi Yazılan:  Merhaba ;

Web sitesinin admin paneline giriş yap Sistem / Mağazalar / Genel Ayarlar / Resim bölümünde yer alan bölümden değişiklik yapabilirsin.


Diğer sorununa gelince “before-after” satırındaki hatanın sebebi de http://www.enerjiveguc.com/catalog/view/...esheet.css adresinde yer alan 701 nolu satırdaki clear:left; ibaresini silip kaydet. Ürün satır kaydırması kaybolacaktır. Aşağıda css dosyasında gösterdim. Buradaki clear:left i sileceksin

PHP Kod:

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
    clear:left;
    } 


================
Logo için dediğiniz değişikliği yaptım ve bir ekran görüntüsü ekledim...


===========
Ürün sıralama için de dediğiniz işlemi yaptım, düzeldi teşekkürler...

---

Sanırım çözüme ulaşıyorum.... Alan genişlemesini sağlayabildim...

catalog/view/javascript/bootstrap/css/bootstrap.min.css dosyasında;

.img-thumbnail
aratıp alttaki satırda belirtilen değişikliği yapmak gerekiyor...

.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}

max-width:380px;height:99px}

ancak kenar boşlukları nasıl kaldırabilirim...?

Kenarlarındaki boşluk derken gri çerçeven bahsettiğini anlıyorum. Bunun için http://www.enerjiveguc.com/catalog/view/...ap.min.css adresinde yer alan css kodundaki border:1px yazan yere border:0px yazman yeterli

Sorun çözülmüştür. Yardımcı olmaya çalışan tüm arkadaşlara teşekkürler...

Son kademede Alt Kategorilerde bulunan logoların kenarlarının boş görünmesini de tüm Kategorilerde logoları tek tek aynı boyuttaki görselleri ile değiştirince çözüme ulaşmıştır.