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

Съезжает верстка


Tsapkoff
 Поделиться

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

Подскажите пожалуйста, при выводе рекомендуемых товаров ,в карточке товара, сами рекомендуемые должны выводится по 4 шт. в ряд, у меня съезжает, выводит по 3, а четвертую на ряд ниже.

закомментировал в stylesheet параметр clear: left; вылечилось, но кажется что не так надо делать.

вот код, где менял






@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;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
    clear:left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
    clear:left;
    }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}



Без имени-2.jpg

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


Цитата

закомментировал в stylesheet параметр clear: left

так не  надо

Надо найти featured.tpl

и на третье строчке

Скрытый текст

<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

поменять на

Скрытый текст

<div class="product-layout col-lg-4 col-md-4 col-sm-6 col-xs-12">

 

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


57 минут назад, jaffagold сказал:

так не  надо

Надо найти featured.tpl

и на третье строчке

  Скрыть контент

<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">

поменять на

  Скрыть контент

<div class="product-layout col-lg-4 col-md-4 col-sm-6 col-xs-12">

 

Не прокатило. Вернее заработало на главной, теперь в рекомендуемых выводит по 3 в ряд на главной, но это не хорошо, там по 4 должно быть, а в карточке товара так по 3 и показывает, 4ю вниз переносит.

Модуль стандартный, oc 2.1.0.2.1

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


Цитата

а в карточке товара так по 3 и показывает, 4ю вниз переносит.

 Потому что в Карточке товара этот код не модулем выводится, а вшит в карточку товара. ее надо копать в самом низу где-то

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


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

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

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