Jump to content
Kingfrelance

Как сделать появлние стрелок slick slider, только если товары уже не помещаются в один ряд?

Recommended Posts

Добрый день, решил переделать стандартные модули "рекомендуемые" опенкарт 2.3 в виде карусели товаров, ситуации такова. Сделал верстку, подключил slick slider. По умолчанию установил в слайдер что товаров будет 4 на ПК версии. Но тут таков вопрос, если товаров меньше 4 то слайдер не работает корректно
область слайдера становится маленькой и карточку товара плющит. Если больше 4 то все гуд.
вот код

Спойлер

<div class="section-product">
        <div class="title-section">
          <h2 class="name-category"><?php echo $heading_title; ?></h2> 
          <div class="arrow-slide" id="recomend<?php echo $module;?>">
            <i class="fa fa-chevron-left " ></i>
            <i class="fa fa-chevron-right " ></i>
          </div>
        </div>
        <div class="row slide-recomend<?php echo $module;?> slide-zone">
          <?php foreach ($products as $product) { ?>
         <div class="col-md-3 col-sm-4 col-12 col-lg-3 ">
            <div class="item">
              <a href="<?php echo $product['href']; ?>">
                <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" >
              <h3><?php echo $product['name']; ?>
                  </h4></a>
                <div class="short-descr">
                  <?php echo $product['description']; ?>
                </div>
                    <?php if ($product['price']) { ?>
        <p class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-new"><?php echo $product['special']; ?></span> <span class="price-old"><?php echo $product['price']; ?></span>
          <?php } ?>
          <?php if ($product['tax']) { ?>
          <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
          <?php } ?>
        </p>
        <?php } ?>               
                <div class="block-btn-buy">
                  <button class="buy" onclick="cart.add('<?php echo $product['product_id']; ?>');" ><?php echo $button_cart; ?></button>
                 <!--- <button class="fast-buy">Купить в один клик</button>--->
                </div>
             
              <!--item-->
            </div>
              </div>
               <?php }?>
        </div>
     
   </div>
   <!-- /.section-product -->
   <script type="text/javascript">
     $(document).ready(function() {
      $('.slide-recomend<?php echo $module;?>').slick({
nextArrow: document.querySelector('#recomend<?php echo $module;?> .fa-chevron-right'),
prevArrow: document.querySelector('#recomend<?php echo $module;?> .fa-chevron-left'),
slidesToShow: 4,
  slidesToScroll: 3,
infinite: false,
arrow:false,


});
     });
   </script>

 

 


Вот скриншот
там где рекомендуемые то это проблема а там где хит продаж, там больше 3 продуктов, там все гуд

Вот

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.


  • Similar Content

    • By Leingard
      450.00 руб
      Скачать/Купить дополнение


      CrashReport - отчет о проблемах покупателей
      Модуль для обнаружения и последующего решения ошибок и проблем Ваших покупателей. Используя модуль, Вы сможете найти проблемные места Вашего сайта с которыми сталкиваются покупатели. Ошибка 404 - теперь не загадка. Вы будете знать где, когда и как покупатель вышел на отсутствующую страницу или подозрительный запрос.
       
      Обнаружение битых ссылок в поисковой системе на Ваш сайт, так же можно обнаружить при помощи модуля.  
       
      DEMO: OC 3: http://oc30.gameshara.ru/
      DEMO: OC 2.3: http://gameshara.ru/module/
      DEMO: OC 2.1: http://gameshara.ru/ocstore21/
      Админ часть: Admin (Логин и пароль: demo)
       
      Возможности модуля:
      Посещение покупателями страниц с ошибокой 404 Вашего магазина. Откуда перешел и когда. Битые товары которые до сих пор отображаются в поисковой системе или на сайте. При заходе на такие, Вы увидите отчёт. Ошибки категорий или старые категории которые нужно убрать (а посетитель их видит). При посещение таких покупателями, Вы увидите. Старые или отсутствующие производители по которым прошелся пользователь. Отображение IP адресов Подозрительные запросы так же будут отображены в отчёте.  
      Инструкция в архиве.
       
      Лицензия:
      Модуль продается с лицензией на сайт. Одна покупка = Один домен Покупая копию модуля вы получаете право на использование. Распространения модуль платно или бесплатно нарушает лицензию и грозит обнулением покупки, а так же уголовной ответственность предусмотренной статей 146 УК РФ (Нарушение авторских и смежных прав)  Автор оставляет за собой право изменят условия предоставления лицензии, изменения цены и стоков продления лицензии. Все доработки, переработки и изменения функционала не входят в стоимость модуля и оплачиваются отдельно по письменной договоренности с автором.  
      Тип распространения:
      Как есть Добавил Leingard Добавлено 15.04.2019 Категория Отчеты Системные требования PHP 5.6+ Сайт разработчика Старая цена 500 Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 3.0
      2.3
      2.1 ocStore 3.0
      2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Да  
    • By triok
      Всем привет! Ищу исполнителя для следующего задания:
      Opencart 2.3
      Megafilter Pro 2.0.5.2
      SeoPro
       
      Если включить SEOPro, то перестают работать ЧПУ которые назначены для страниц в Мегафильтре.
      То есть при выборе фильтра в урл отображается правильный ЧПУ, но если скопировать этот урл и открыть на новой странице или даже на той же, то "Запрашиваемая страница не найдена".
       
      Если поставить ЧПУ:  Default, то все работает хорошо.
       
      Готов оплатить работу по исправлению этой проблемы!
       
    • By Leingard
      Модуль для обнаружения и последующего решения ошибок и проблем Ваших покупателей. Используя модуль, Вы сможете найти проблемные места Вашего сайта с которыми сталкиваются покупатели. Ошибка 404 - теперь не загадка. Вы будете знать где, когда и как покупатель вышел на отсутствующую страницу или подозрительный запрос.
       
      Обнаружение битых ссылок в поисковой системе на Ваш сайт, так же можно обнаружить при помощи модуля.  
       
      DEMO: OC 3: http://oc30.gameshara.ru/
      DEMO: OC 2.3: http://gameshara.ru/module/
      DEMO: OC 2.1: http://gameshara.ru/ocstore21/
      Админ часть: Admin (Логин и пароль: demo)
       
      Возможности модуля:
      Посещение покупателями страниц с ошибокой 404 Вашего магазина. Откуда перешел и когда. Битые товары которые до сих пор отображаются в поисковой системе или на сайте. При заходе на такие, Вы увидите отчёт. Ошибки категорий или старые категории которые нужно убрать (а посетитель их видит). При посещение таких покупателями, Вы увидите. Старые или отсутствующие производители по которым прошелся пользователь. Отображение IP адресов Подозрительные запросы так же будут отображены в отчёте.  
      Инструкция в архиве.
       
      Лицензия:
      Модуль продается с лицензией на сайт. Одна покупка = Один домен Покупая копию модуля вы получаете право на использование. Распространения модуль платно или бесплатно нарушает лицензию и грозит обнулением покупки, а так же уголовной ответственность предусмотренной статей 146 УК РФ (Нарушение авторских и смежных прав)  Автор оставляет за собой право изменят условия предоставления лицензии, изменения цены и стоков продления лицензии. Все доработки, переработки и изменения функционала не входят в стоимость модуля и оплачиваются отдельно по письменной договоренности с автором.  
      Тип распространения:
      Как есть
    • By Yarilo
      Добрый день, Форумчане! Появилась надобность добавить на сайт конвертер физических величин. На просторах интернета нашёл готовый бесплатный код. Но не получается его добавить =(
       
       
      Добавляю через редактор, но после вставки кода (который выше), обратно закрыть редактор уже нельзя, только удалив весь код целиком.
      http://prntscr.com/mzx6ka
       
      Может, кто подсказать, как запустить?
    • By TramplinStudio
      400.00 руб
      Скачать/Купить дополнение


      TS Banner MultiPosition
      Banner MultiPosition v1.0 by Tramplin Studio - это модификатор который расширяет возможности стандартных баннеров в OpenCart. Он дополняет настройки баннеров рядом возможностей, которые позволяют добиться очень высокой гибкости при размещении баннеров на страницах вашего интернет-магазина. Изменения затрагивают как настройки самих баннеров, так и непосредственно модули: баннеры, карусель и слайдеры.
       
      Этот модификатор может стать для вас одним из самых важных инструментов внутреннего маркетинга на сайте! Вы сможете не только повлиять на продажи интернет-магазина, но и повысит качество СЕО за счет грамотной перелинковки баннеров.
       
      Показывайте баннер только там, где он действительно нужен!
      Модификатор позволяет управлять отображением баннера практически на любых страницах сайта благодаря своей мульти-вариантности. Отображение одного и того же баннера может быть настроено опционально для любых страниц из списков: товаров, категорий, производителей, статей и страниц внутреннего поиска в магазине. Это не только обеспечивает очень высокую гибкость, но так же позволяет снизить количество однотипных модулей баннеров, каруселей и слайдеров.
      Один и тот же баннер или группа баннеров могут быть одновременно и у некоторых отдельных товаров, и у какой-нибудь из категорий, в то же время у конкретного производителя, в статье, и так далее. Никаких ограничений! Проявляйте смекалку и создавайте сложные маркетинговые переплетения всего за несколько минут!
       
      Крутите баннеры по внутренним поисковым запросам и тегам!
      Особо полезными для вас станут возможности отображения баннеров на страницах поиска по ключевым словам. Вы сможете показывать нужный баннер по конкретному поисковому запросу! Изучите внутренние поисковые запросы интернет-магазина с помощью сервиса Яндекс.Метрика или Google Analitics и используйте эти ключи в настройках баннеров. Так же можете собрать ключевые слова по которым находят ваш сайт в поисковике с помощью сервиса Яндекс.WordStat. Зачастую, для внутренних поисковых запросов на сайте, пользователи используют те же ключевые слова что и в поиске Яндекса, Гугла и других. Вы можете использовать ключевые слова, при вводе которых внутренний поиск не выдает результатов. Это позволит не потерять потенциально заинтересованного покупателя и перенаправить его с помощью баннера на аналогичную продукцию, доступную в каталоге магазина.
      Кроме поисковых запросов, вы так же можете использовать теги (не путайте с мета-тегами), которые прежде указывали при создании или редактировании товаров. Сюда так же относятся и теги указанные в некоторых новостных (например популярный NewsBlog) и других подобных модулях.
      Для настройки поисковых запросов и тегов реализована возможность аналогичная той, что используется при выборке в базе данных MySQL с применением оператора LIKE, когда используется символ % для определения позиции искомой фразы в строке.
       
      Коротко о настройке:
      Шаг 1) Перейдите в "Дизайн -> Баннеры", загрузите несколько баннеров и настройте мульти-позиции; Шаг 2) Перейдите в "Модули -> Модули -> Баннеры/Карусель/Слайдер" и создайте модуль, в настройках отметьте где следует учитывать мульти-позиций; Шаг 3) Перейдите в "Дизайн -> Макеты" и добавьте настроенный модуль сразу во всех макетах где могут отобразиться баннеры. Для отображения в производителях, вам так же потребуется создать новый макет, в настройках которого нужно указать путь: "product/manufacturer_info".
       
      Примеры написания ключевых фраз и тегов:
      "поисковая фраза" - точное соответствие; "поисковая фраза%" - ключевые слова в начале строки; "%поисковая фраза" - ключевые слова в конце строки; "%поисковая фраза%" - ключевые слова внутри строки. Допускается использование следующих дополнительных символов: пробел, точка, минус, плюс, восклицательный знак и знак вопроса.

      Инструкция по установке:
      Панель администратора -> Модули -> Установка расширений Просто загрузите архив с модулем Обновите кеш модификаторов Добавьте группе пользователей "Администратор" права доступа к модулю Если вы пропустите пункт 4, то во время включения модуля могут не создаться необходимые для работы поля в таблице базы данных и модуль будет работать не корректно.
       
      Файлы не перезаписываются!
      Используется OCMod!

      Смотреть DEMO
      Смотреть DEMO админки (логин: demo, пароль: demo)

      Если у вас возникли вопросы или предложения по улучшению работы модуля, вы можете с нами связаться:
      Сайт: http://tramplin-studio.store/
      E-mail: info@tramplin-studio.store
      Добавил TramplinStudio Добавлено 05.03.2019 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика http://tramplin-studio.store Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
  • 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.