Ürün liste görünümünde kayma sorunu

[Çok Asi]

Arkadaşlar şu ürün başlığı birinde 1 satır birisinde 2 satır olunca kısa gelen düzeni bozuyor ve görünümde yukarıdaki gibi kaymalar oluyor. Bunu nasıl düzeltebiliriz?

 

[openkurumsal]

catalog/view/theme/temanız/stylesheet/style.css
Dosyanızda product box kodlarının alt üst genişlikleriyle uyarlama yaparsanız düzelecektir.

 

[Çok Asi]

catalog/view/theme/temanız/stylesheet/style.css
Dosyanızda product box kodlarının alt üst genişlikleriyle uyarlama yaparsanız düzelecektir.

Hocam dediğiniz gibi ayarlama yapıyorum ama sadece araları açılıyor ama hiç değişiklik olmuyor maalesef

örneğin üçüncü satırdaki padding-bottom:15px; idi onu 55px yatım arası açıldı ama kaymada bir değişiklik yok maalesef
[undefined=undefined]

/*PRODUCTS List - Grid*/
.products_grid{ margin-bottom:17px; display:inline-block; width:100%;border-bottom:solid 2px #e9e9e9;}
.products_grid li{width:221px; margin-left:31px; float:left; padding-bottom:55px;}
.products_grid li:first-child{ margin-left:0px;}
.search li:nth-child(4n+1) {margin-left:0px;}
.products_grid a.product_image{display:block;}
.products_grid a.product_image img{ border:solid 2px #fff;}
.products_grid li:hover img{-moz-transition:all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out;}
.products_grid .product_info{ margin-bottom:10px; padding-bottom:12px; border-bottom:solid 1px;}
.products_grid .product_info h3{ font-size:14px; font-weight:normal; padding:12px 0px;}
.products_grid .product_info h3 a{color:#000000; text-decoration:none;}
.products_grid .product_info small{ color:#a2a2a2; font-size:12px; line-height:16px;}
.products_grid .price_info button{ float:right; background:none;border:0px; padding:0px; height:32px; line-height:100%; overflow:hidden; cursorointer;}
.products_grid .price_info button .pr_price{ background:#544f4b; padding:10px; color:#fff; font-size:14px; font-weight:bold; float:left; clear:both; width:83%; text-transform:uppercase;}
.products_grid .price_info button .pr_add{ padding:10px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; float:left; clear:both; width:83%; margin-top:0px;}
.products_grid li:hover .pr_add{ margin-top:-32px;-moz-transition:all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out;}
.products_grid .price_info a{cursor: pointer; color:#a2a2a2; text-decoration:none; font-size:11px; display:inline-block; padding-top:10px;}
#column-left .products_grid .price_info a{display: none;}
#column-left .products_grid button {float: left!important;width:200px!important;}
[/undefined]

---

çözümü buldum arkadaşlar

#main_content .products_grid li{ margin:0px 24px 24px 24px;}

ürün gösterim kutularına yükseklik standardı için sadece yükseklik kodu ekledim, kayma sorunu düzeldi

height:350px;

#main_content .products_grid li{ margin:0px 24px 24px 24px; height:350px;}

 

[orcy85]

Merhaba bende aynı sorunla boğuşuyorum

#main_content .products_grid li{ margin:0px 24px 24px 24px;}

değeri hangi dosyanın içerisinde...

---

.product-grid > div {
width:182px;height:320px;

padding:5px;
background:#fff url(../image/urun-bg.png) repeat-x bottom;
float:left;
vertical-align: top;
margin:0px 2px 5px 3px;
border-right:1px solid #eee;border-bottom:1px solid #eee;
position:relative;



STYLESHEET.CSS içerisinde yukarıdaki bölüme height değeri ekledim.
artık uyuyabilirim.
iyi geceler.