Перейти к содержанию

btrotsky

Пользователи
  • Публикаций

    207
  • Зарегистрирован

  • Посещение

Репутация

3 Обычный

Информация о btrotsky

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

Посетители профиля

Блок последних пользователей отключён и не показывается другим пользователям.

  1. попробовал по вашему примеру но что-то не получается, не открывается текст далее, поможете?
  2. Помогите пожалуйста сделать слайдер в карточке товара, чтобы было как вот на этом сайте https://bi.ua/rus/product/nabor-dlya-lepki-addo-ready-steady-dough-vesele-318-13121-n.html Есть у меня код карточки товара И есть модификатор который может это реализовать, но я никак не могу подставить правильно все и не получается
  3. А как это правильно называется?
  4. @buslikdrev Сделал по вашему коду карусель, настроил немного вывод, посмотрим понравится ли заказчику)) Можно еще один вопрос, может знаете, как можно сделать переключатель картинок (следущая-предыдущая) в карточке товара на самой картинке, вот как тут https://gyazo.com/314d2f0694607a781e08b330d0480068
  5. что у меня не работает условие, все осталось как было, а ваш код, если вставить полностью то работает, но стили слезают
  6. Работает, но нету слайдера, то есть если добавлю 16 брендов, то 4 ряда, если добавлю 20 то 5 рядов и т.д. Хочу вот именно как на этом сайте https://bi.ua/rus/brands/
  7. не такой вариант не катит, тогда получается три переключателя, нужно один
  8. Как сделать карусель брендов в три строки. Код карусели сейчас <div class="brand-carousel"> <div class="box-heading"><h3>{{ brand_heading_title }}</h3></div> <div class="swiper-viewport"> <div id="carousel{{ module }}" class="swiper-container brand-items"> <div class="swiper-wrapper"> {% for banner in banners %} <div class="swiper-slide text-center"> {% if banner.link %} <a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a> {% else %} <img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /> {% endif %} </div> {% endfor %} </div> </div> <div class="swiper-pagination carousel{{ module }}"></div> <div class="swiper-pager"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <script type="text/javascript"><!-- $('#carousel{{ module }}').swiper({ mode: 'horizontal', autoplay: 3000, //pagination: '.carousel{{ module }}', pagination: false, paginationClickable: false, prevButton: '.swiper-button-prev', nextButton: '.swiper-button-next', // Default parameters slidesPerView: 5, // Responsive breakpoints breakpoints: { // when window width is <= 1200px 1200: { slidesPerView: 4 }, // when window width is <= 991px 991: { slidesPerView: 4 }, // when window width is <= 767px 767: { slidesPerView: 3 }, // when window width is <= 480px 480: { slidesPerView: 2 } } }); --></script> Версия опенкарта 3.0.2.0 Пример как должно выглядеть https://gyazo.com/cf34a4550911c5677fa9d9f3b95e974b
  9. не совсем понимаю что именно нужно изменить, чтобы все работало, получается криво только
  10. есть сборка опенкарта, код менял, но немного полезли стили и картинки не открывались в окне, а при клике на дополнительные вообще переходило на главную
  11. не совсем то решение,я хочу убрать зум и вернуть дефолтное открывание
  12. подскажите как убрать image zoom в карточке товара, вот сайт вот код с карточки отвечающий за изображение <div class="{{ class }} product-images"> {% if thumb or images %} <!-- Product Image thumbnails START --> <div class="thumbnails"> {% if thumb %} <div class="product-image"> <a class="thumbnail" title="{{ heading_title }}"> <img src="{{ thumb }}" title="{{ heading_title }}" data-zoom-image="{{ popup }}" alt="{{ heading_title }}" /> {% if special %} <span class="product-sale-icon">Sale</span> <span class="product-percent">-{{ product_percent }}%</span> {% endif %} </a> </div> {% endif %} <div class="additional-images-container"> {% if images %} <div class="additional-images"> {% for image in images %} <div class="image-additional"> <img src="{{ image.thumb }}" title="{{ heading_title }}" data-image="{{ image.large }}" data-zoom-image="{{ image.popup }}" alt="{{ heading_title }}" /> </div> {% endfor %} </div> {% endif %} </div> <!-- Product Image thumbnails END --> </div> {% endif %} </div> <script type="text/javascript"> $(".additional-images").owlCarousel({ items: 3, itemsDesktop: [1199,2], itemsDesktopSmall: [991,2], itemsTablet: [767,3], itemsMobile: [480,2], autoPlay: false, navigation: true, pagination: false }); // Custom Navigation Events $(".additional-next").click(function(){ $(".additional-images").trigger('owl.next'); }) $(".additional-prev").click(function(){ $(".additional-images").trigger('owl.prev'); }) $(".additional-images-container .customNavigation").addClass('owl-navigation'); </script>
  13. можете помочь, а я не знаю как это сделать?
×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.