marionetto

Рекомендуемые товары в 3 колонки

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

marionetto    0

Ребят подскажите как и где изменить css что бы в карточке товаров, "рекомендуемые товары" отображались в три колонки.

Сейчас у меня отображается в 2 колонки, нужно сделать 3 колонки.

Не хватает знаний малец)

Ссылка под катом

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

Заранее спасибо!!!

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


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

Уберите блоки:

<div class="clearfix visible-md"></div>

И будет в три колонки начиная с 992px в ширину.

Смотрите в файле представления модуля .tpl

 

Либо задайте данному модулю уникальный id\class, а потом через css скройте блоки clearfix. Примерно:

body[class^="product-product"] .module_class .clearfix {
  display: none;
} 

 

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


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

@marionetto уберите во вьюшке рекомендуемых дивы с классом .clearfix
 

<div class="clearfix ..."></div>

открываете \catalog\view\theme\default\template\product\product.tpl и ищите внутри

<?php if ($products) { ?>
...
< } ?>

 

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

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


Ссылка на сообщение
Поделиться на другие сайты
marionetto    0
9 минут назад, thentru сказал:

@marionetto уберите во вьюшке рекомендуемых это
 


<div class="clearfix visible-md"></div>

открываете \catalog\view\theme\default\template\product\product.tpl и ищите внутри


<?php if ($products) { ?>
...
< } ?>

 

У меня их тут два таких кода. Вот

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

<?php if (($column_left && $column_right) && ($i % 2 == 0)) { ?>
        <div class="clearfix visible-md visible-sm"></div>
        <?php } elseif (($column_left || $column_right) && ($i % 3 == 0)) { ?>
        <div class="clearfix visible-md"></div>
        <?php } elseif ($i % 4 == 0) { ?>
        <div class="clearfix visible-md"></div>
        <?php } ?>

Если убираю нижний. изменений нет.

Убираю верхний, получается вот такой угол

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

image1.thumb.PNG.e110e1dfdde3517f5330d46e9ace0914.PNG

 

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


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

или вообще уберите эту проверку, или замените это
 

<?php if (($column_left && $column_right) && ($i % 2 == 0)) { ?>
  <div class="clearfix visible-md visible-sm"></div>
<?php } elseif (($column_left || $column_right) && ($i % 3 == 0)) { ?>
  <div class="clearfix visible-md"></div>
<?php } elseif ($i % 4 == 0) { ?>
  <div class="clearfix visible-md"></div>
<?php } ?>

на это

<?php if (($column_left && $column_right) && (($i+1) % 2 == 0)) { ?>
  <div class="clearfix visible-md visible-sm"></div>
<?php } elseif (($column_left || $column_right) && (($i+1) % 3 == 0)) { ?>
  <div class="clearfix visible-md"></div>
<?php } elseif (($i+1) % 4 == 0) { ?>
  <div class="clearfix visible-md"></div>
<?php } ?>

 

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


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

Заменил!

Теперь вот так отображается)

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

image2.thumb.PNG.51384e35d92eb2f5e9c02ee7975a85f5.PNG

Если три товара в модуле рекомендуемых то нормально выглядит в три колонки.

Но у меня как правило около 5-6 рекомендуемых товаров

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

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


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

Я пробовал через стили редактировать. фото подкатом.

Если 4 цифру меняем на 6 то все встает в три колонки красиво.

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

image3.thumb.PNG.c571b825d110b3db9fec551a57d29e85.PNG

Но при изменении в стилях уже на сервере на цифру 6. В карточке по прежнему отображается 2 колонки.

Или css в моем случае это не правильно решение задачи?

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


Ссылка на сообщение
Поделиться на другие сайты
dexteron    15
34 минуты назад, thentru сказал:

 

вообще уберите эту проверку

 

Воспользуйтесь самым простым советом и уберите проверку. Как посоветовал вам thentru

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


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

для рекомендованных необходимо 6 колонок, сейчас 4 и перенос клеарфиксом на следующую строку. По совету  thentru удалил проверку в product.tpl в шаблоне который пользуется - ничего не изменилось. Что еще можно пробовать?

 

UPD получилось не нарываться на clearfix путем удаления класса product-layout в рекомендованных

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

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


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

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

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

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

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

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

Войти

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

Войти


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

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