Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

[Решено] Некорректное отображение товаров в категории


 Поделиться

Рекомендованные сообщения

Шаблон кастомный - leisure

Вот такая проблема в категориях (http://ebaymania.kz/mobile/ )

 

03410-829419c5-fdb4-4d79-900e-250073d18f

 

Какую то определению причину такого поведения не выяснил - появляется абсолютно рандомно

трогал  css - количество знаков в описании менял - не помогает (точнее такой баг начинает в других местах проявляться) 

Никакой сторонний модуль в отображении этой страницы не участвует, в .tpl категории изменений вроде не вносилось
 

Ссылка на комментарий
Поделиться на других сайтах


попробуйте в файле стилей поубирать свойства clear:both

Ссылка на комментарий
Поделиться на других сайтах

попробуйте в файле стилей поубирать свойства clear:both

Попробывал, не помогло...

Вот код показа товаров из css

 

/*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:15px;}
.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; cursor:pointer;}
.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;}
Ссылка на комментарий
Поделиться на других сайтах


там несколько файлов стилей подключены: http://ebaymania.kz/catalog/view/theme/leisure/css/base.css

Ссылка на комментарий
Поделиться на других сайтах

там несколько файлов стилей подключены: http://ebaymania.kz/catalog/view/theme/leisure/css/base.css

Прошу прощения, но я не понял, уж больно новичок в этом деле)

Ссылка на комментарий
Поделиться на других сайтах


Поменяйте в base.css строку

.products_grid .product_info{ margin-bottom:10px; padding-bottom:12px; border-bottom:solid 1px;}

на

.products_grid .product_info{ margin-bottom:10px; padding-bottom:12px; border-bottom:solid 1px; height: 100px; overflow: hidden;}
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

Поменяйте в base.css строку

.products_grid .product_info{ margin-bottom:10px; padding-bottom:12px; border-bottom:solid 1px;}

на

.products_grid .product_info{ margin-bottom:10px; padding-bottom:12px; border-bottom:solid 1px; height: 100px; overflow: hidden;}

Помогло! Спасибо вам огромное, очень помогли!  :-)

Ссылка на комментарий
Поделиться на других сайтах


Гость
Эта тема закрыта для дальнейших сообщений.
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.