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

[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%;
    }
}

  Показати вміст

[jaffagold]

  Цитата

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

Expand  

так не  надо

Надо найти 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">

 

[Tsapkoff]

  В 11.04.2017 в 11:59, 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">

 

Expand  

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

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

Змінено 11 квітня 2017 користувачем Tsapkoff

[WellChuck]

Скинь чтоль в личку сайт, вдруг чем помогу

[Tsapkoff]

может быть немного уменьшить ширину выводимых карточек? потому, что иногда выводит по 4 в ряд, но чаще 3

[jaffagold]

  Цитата

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

Expand  

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

[Tsapkoff]

Спасибо WellChuck , очень помог.

Змінено 11 квітня 2017 користувачем Tsapkoff