Jump to content
Sign in to follow this  
marionetto

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

Recommended Posts

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

 

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

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

 

Share this post


Link to post
Share on other sites

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

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

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

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

 

Edited by thentru
  • +1 1

Share this post


Link to post
Share on other sites
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

 

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Заменил!

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

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

image2.thumb.PNG.51384e35d92eb2f5e9c02ee7975a85f5.PNG

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

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

Edited by marionetto

Share this post


Link to post
Share on other sites

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

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

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

image3.thumb.PNG.c571b825d110b3db9fec551a57d29e85.PNG

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

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

Share this post


Link to post
Share on other sites
34 минуты назад, thentru сказал:

 

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

Edited by Algrizly

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.