zevs92

Некорректное отображение товаров в категории

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

zevs92    0

Шаблон Journal. 

OpenCart Версия 1.5.5.1.2

Вот такая проблема в категориях. (http://cheap-shoping.ru/zhenshhinam/)

04b10-2877757c-b05e-49e0-9eb3-1f33e745c6

 

 

 

Нашел тему на форуме https://opencartforum.com/topic/20741-решено-некорректное-отображение-товаров-в-кат/

Там проблема такая же. Решили заменой строки в base.css. У себя я такого файла не нашел.

Вот код из category.css

PRODUCT GRID
*******************************/
.ie .main-products, .main-products.product-list {
  width: 100%; }

.product-grid,
.product-list,
#content .box-product {
  padding-top: 20px; }

.backface :before, .backface :after {
  -webkit-backface-visibility: hidden; }

.product-grid, #content .box-product {
  margin-right: -20px;
  overflow: visible !important; }

.box-content {
  display: table;
  width: 100%; }

.product-wrapper {
  margin-right: 20px; }

.product-wrapper:hover {
  transition: all 0.3s; }

.product-details {
  padding-bottom: 6px;
  position: relative;
  z-index: 2; }

.product-details:before {
  position: absolute;
  content: "\e61e";
  font-size: 40px;
  top: -21px;
  left: 50%;
  ;
  color: #f4f4f4;
  z-index: 0; }

.product-grid-item {
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: transparent;
  margin-bottom: 20px; }
  .product-grid-item .image {
    width: 100%;
    position: relative;
    z-index: 1; }
    .product-grid-item .image > a {
      width: 100%;
      display: block;
      text-align: center;
      background-color: transparent; }
      .product-grid-item .image > a img {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        border-radius: inherit; }
  .product-grid-item .name {
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    overflow: hidden; }
    .product-grid-item .name a {
      padding: 10px 7px 7px 7px;
      line-height: 17px;
      text-decoration: none;
      display: table-cell;
      vertical-align: middle;
      text-overflow: ellipsis;
      overflow: hidden; }
  .product-grid-item .description {
    display: none; }
  .product-grid-item .rating {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    ;
    padding: 4px 6px 8px 6px; }
  .product-grid-item .price {
    font-weight: bold;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    display: inline-block;
    margin: 0px 0 10px 0; }
    .product-grid-item .price br {
      display: none; }
  .product-grid-item hr {
    height: 0;
    display: none;
    background-color: transparent; }
  .product-grid-item .price-old {
    color: #ea2e49;
    font-size: 13px;
    text-decoration: line-through; }
  .product-grid-item .price-new {
    font-weight: bold;
    padding-left: 5px; }
  .product-grid-item .price-tax {
    display: none; }
  .product-grid-item .cart {
    vertical-align: top;
    padding: 0 5px;
    margin-bottom: 8px; }

.p-over {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
  transition: all .2s ease-out; }

.product-grid-item:hover .p-over, .product-list-item:hover .p-over {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
  visibility: visible; }

/******************************
PRODUCT LIST
*******************************/
.product-list-item {
  background-color: #f4f4f4;
  margin-bottom: 20px;
  padding: 10px; }
  .product-list-item .left {
    position: relative; }
  .product-list-item .image {
    width: 200px;
    float: left;
    margin-right: 15px;
    position: relative; }
    .product-list-item .image > a {
      display: block;
      overflow: hidden; }
      .product-list-item .image > a > img {
        width: 100%;
        float: left;
        border-radius: inherit; }
  .product-list-item .name {
    margin-left: 215px; }
    .product-list-item .name a {
      font-size: 14px;
      padding-bottom: 5px;
      display: block;
      border-bottom: 1px solid #e4e4e4;
      display: inline-block;
      text-overflow: ellipsis;
      width: 100%;
      overflow: hidden; }
  .product-list-item .rating {
    position: relative;
    margin-top: 0px;
    margin-bottom: 8px;
    left: 1px;
    top: -1px; }
  .product-list-item .price {
    font-weight: bold;
    text-align: left;
    padding: 8px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: inline-block; }
  .product-list-item .price-old {
    color: #ea2e49;
    font-size: 90%;
    text-decoration: line-through; }
  .product-list-item .price-new {
    font-weight: bold;
    padding-left: 5px; }
  .product-list-item .price-tax {
    opacity: .7;
    font-weight: normal;
    font-size: 75%;
    text-align: left;
    display: block;
    padding-top: 5px;
    display: none; }
  .product-list-item .description {
    padding: 0 0 12px 0;
    color: #5f6874; }
  .product-list-item .cart {
    float: left;
    margin-right: 10px; }

.product-list-item.lt400 .product-list-item .image {
  width: 100%;
  float: none;
  margin-bottom: 10px; }
  .product-list-item.lt400 .product-list-item .image img {
    float: none; }

Может кто разбирается в кодах знает в чем проблема?

 

(Еще если кто то имел опыт с этим шаблоном или просто знает в чем суть - ужасно тормозит сайт. Главная страница загружается 12-18 секунд. При условии что на сайте всего около 400 товаров. Сжатие в админке стоит на 7.

И на главной странице и страницах категории многоуровневое меню не открывается, то есть не раздвигается, не показывает сложения... не знаю как объяснить, не раздвигается в общем)

Вот например скрин меню на главной странице при наведение указателя мышки на меню.

04b11-8b74a2e6-1d67-4074-b664-345bc44689

 

И скрин меню на странице товара при наведение указателя мышки на меню.

04b11-5256eff8-2417-480a-a393-fcb8c9941f

Изменено пользователем afwollis
[spoiler][/spoiler]

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AlexDW    764

Обращайтесь к автору шаблона. Вы ведь его купили, да?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
zevs92    0

Обращайтесь к автору шаблона. Вы ведь его купили, да?

То есть ни кто не знает как сделать нормальное отображение категорий? Или хотя бы меню? Или нормальную скорость загрузки сайта?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
zevs92    0

Если у кого то такая то проблема с меню. У меня проблема с ним решилась заменой common.js на стандартный (из установочника). Не знаю как и почему. Но после замены common.js меню заработало.

 

Проблему с некорректным отображением товаров в категориях (т.к нет знаний программирования и т.д) удалось решить только удалением модуля Product Color Option - Core

 

Сайт продолжает тупить (долго грузиться) на главной и на странице товара. На страницах категорий сайт загружается за 3 секунды

(относительно 14-17 секунд это прям огонь)

Изменено пользователем zevs92

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу