Количество товаров в строке

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Varangus, 30 май 2015.

  1. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    я уже начал ковырять
    но не могу понять что на что изменить
    Код:
            <?php foreach ($products as $product) { ?>
            <?php if ($column_left && $column_right) { ?>
            <?php $class = 'col-lg-6 col-md-6 col-sm-12 col-xs-12'; ?>
            <?php } elseif ($column_left || $column_right) { ?>
            <?php $class = 'col-lg-4 col-md-4 col-sm-6 col-xs-12'; ?>
            <?php } else { ?>
            <?php $class = 'col-lg-3 col-md-3 col-sm-6 col-xs-12'; ?>
            <?php } ?>
    3 на 4 не катит ибо становится по 2 в строку
     
  2. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Код:
     <?php if ($column_left && $column_right) { ?>
            <?php $class = 'col-lg-6 col-md-6 col-sm-12 col-xs-12'; ?>
    Если есть колона columnt_left и column_right
    Код:
    <?php } elseif ($column_left || $column_right) { ?>
    оператор или
    col-lg-4 col-md-4 заменить col-md-3
     
    Zhezkazganetcs нравится это.
  3. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    это капец какойта
    решение
    Код:
    <?php $class = 'col-lg-3 col-md-3 col-sm-6 col-xs-12'; ?>
    col-lg-3 заменить на col-md-3
     
  4. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
    lg и md это размеры колонки под разные разрешения. Нужно не менять, а добавлять классы
     
  5. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    а как лучше???
     
  6. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
    почему сразу лучше? Делайте так как нужно. Если нужно что бы на двух разрешениях было одинаковое кол-во колонок, то так и пишите col-lg-3 col-md-3
     
  7. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Можно вообще не писать col-lg ибо col-md (min-width) у него нет ограничения
     
  8. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    так тогда будет по 3 товара в ряд, а я хочу по 4
    как нужно чтобы было 4 в ряд?
    кстати, если вообще удалить col-lg-3 , то становится по 4 ряд
     
  9. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    col-lg - от 1200px
    col-md - от 992px надо поставить col-md-3
    col-sm от 768px col-sm-3
    col-xs до 768px лучше col-xs-12
     
  10. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
    почему? 3 это не кол-во колонок, это 12/3 колонки т.е 4
     
    Zhezkazganetcs нравится это.
  11. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    я тута нашел кусок кода
    Код:
            <?php foreach ($products as $product) { ?>
            <?php if ($column_left && $column_right) { ?>
            <?php $class = 'col-lg-6 col-md-6 col-sm-12 col-xs-12'; ?>
            <?php } elseif ($column_left || $column_right) { ?>
            <?php $class = 'col-lg-4 col-md-4 col-sm-6 col-xs-12'; ?>
            <?php } else { ?>
            <?php $class = 'col-lg-3 col-md-3 col-sm-6 col-xs-12'; ?>
            <?php } ?>
    вот что здесь изменить? или дописать? чтобы было оптимально/правильно/нужно?
     
  12. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    PHP:
    <?php foreach ($products as $product) { ?>
            <?php if ($column_left && $column_right) { ?>
            <?php $class 'col-md-3 col-sm-12 col-xs-12'?>
            <?php } elseif ($column_left || $column_right) { ?>
            <?php $class 'col-md-3 col-sm-6 col-xs-12'?>
            <?php } else { ?>
            <?php $class 'col-md-3 col-sm-6 col-xs-12'?>
            <?php ?>
    В любых случая будет по 4 в ряд
     
    Zhezkazganetcs нравится это.
  13. Garik

    Garik Пользователь

    Сообщения:
    114
    Симпатии:
    0
    Здравствуйте. Вставил Ваш код, все равно, когда захожу в товары, выводится 3, а под ним еще 1, потом снова 3 и под ним 1 и т.д. Для главной все нормально, 3n+3 поменял на 4, на главной теперь как надо по 4.
    if (cols1 == 2) {
    $('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
    } else if (cols1 == 1) {
    $('#content .product-layout:nth-child(3n+3)').after('<div class="clearfix visible-lg"></div>');
    } else {
    $('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>');
    }
    Товары, желательно по 3 выводить. Но, тем не менее, даже по 4 не выводится, точнее выводится, как я написал выше: 3 и под ним еще 1. Прописывал col-lg-3 col-md-3, все то же. Почему, что еще сделать?
     
    Последнее редактирование: 6 мар 2016
  14. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108
    модификаторы обновить
    кэш почистить
     
  15. Garik

    Garik Пользователь

    Сообщения:
    114
    Симпатии:
    0
    Обновил, почистил - ничего.
     
  16. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Это значит что javasript переделывает по своему.
    Я надеюсь вы отличаете PHP код от js?
     
  17. Garik

    Garik Пользователь

    Сообщения:
    114
    Симпатии:
    0
    В общем, да. Простенький сайт сам писал на HTML и PHP, стили подключал. Правда, подзабыл уже...) Вы, мне подскажите, что менять...
     
  18. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Ссылка на сайте?
    Проблема может быть по двум причинам и двух местах.
    В common.js или PHP(category.tpl)
    В category.tpl есть строка
    Код:
     <?php foreach ($products as $product) { ?>
            <div class="product-layout product-list col-xs-12">
    
    Если вы используете кнопки для смены отображения продуктов, то скрипт в js вам нужен, иначе править только его.
    То есть проблема может быть в common.js файле
     
  19. Garik

    Garik Пользователь

    Сообщения:
    114
    Симпатии:
    0
    У меня стандартный шаблон (если я правильно Вас понял). На главной, нажимаю на любой продукт из "категорий" и у меня показывается по 3 фото в ряду и четвертое снизу и далее тоже самое. Вот как на фото, только это главная (здесь я все сделал как надо), а у меня также выводится когда нажимаю на любую категорию. нужно, чтобы по 3 фото показывалось в ряду, а здесь 3 +1, 3+1...
    [​IMG][​IMG]
    эту строку я нашел в category.tpl, а что менять?
     
  20. Zhezkazganetcs

    Zhezkazganetcs Продвинутый пользователь

    Сообщения:
    819
    Симпатии:
    108