Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

 

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

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

 

Надіслати
Поділитися на інших сайтах

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

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

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

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

 

Змінено користувачем thentru
  • +1 1
Надіслати
Поділитися на інших сайтах


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

 

Надіслати
Поділитися на інших сайтах


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

<?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 } ?>

 

  • +1 1
Надіслати
Поділитися на інших сайтах


Заменил!

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

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

image2.thumb.PNG.51384e35d92eb2f5e9c02ee7975a85f5.PNG

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

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

Змінено користувачем marionetto
Надіслати
Поділитися на інших сайтах


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

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

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

image3.thumb.PNG.c571b825d110b3db9fec551a57d29e85.PNG

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

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

Надіслати
Поділитися на інших сайтах


34 минуты назад, thentru сказал:

 

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

 

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

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

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

 

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

Змінено користувачем Algrizly
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.