Карусель изображений товара {OCMOD}

Тема в разделе "Готовые модули и модификаторы. Бесплатно", создана пользователем Ален, 12 май 2017.

  1. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
    karusel-product.png

    Карусель изображений товара на странице товара

    Модификатор создаст вместо главного изображения товара, карусель изображений.

    Установка: стандартная для ocmod.
    После установки измените в настройках размер дополнительных изображений товара.

    Проверено на Opencart 2.3

    Оригинал там
     

    Вложения:

    Рим, marble, karpov и ещё 1-му нравится это.
  2. marble

    marble Новичок

    Сообщения:
    1
    Симпатии:
    0
    спасибо.
     
  3. phl

    phl Новичок

    Сообщения:
    8
    Симпатии:
    0
    Если не работает на 2.3 что может быть? (карусель не отображается, фото продукта ни главного ни дополнительных нет)
     
  4. karpov

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

    Сообщения:
    1.518
    Симпатии:
    241
    Все что угодно... Что то не применилось, нужно смотреть логи.
     
  5. phl

    phl Новичок

    Сообщения:
    8
    Симпатии:
    0
    Uncaught ReferenceError: $ is not defined
    at common.js:25
    jquery.magnific-popup.min.js:4 Uncaught TypeError: e is not a function
    at jquery.magnific-popup.min.js:4
    at jquery.magnific-popup.min.js:4
    owl.carousel.min.js:1 Uncaught ReferenceError: jQuery is not defined
    at owl.carousel.min.js:1
    index.php?route=product/product&product_id=47:775 Uncaught ReferenceError: $ is not defined
    at index.php?route=product/product&product_id=47:775
    index.php?route=product/product&product_id=47:795 Uncaught ReferenceError: $ is not defined
    at index.php?route=product/product&product_id=47:795
    index.php?route=product/product&product_id=47:849 Uncaught ReferenceError: $ is not defined
    at index.php?route=product/product&product_id=47:849
    index.php?route=product/product&product_id=47:915 Uncaught ReferenceError: $ is not defined
    at index.php?route=product/product&product_id=47:915

    вот такие ошибки
     
  6. karpov

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

    Сообщения:
    1.518
    Симпатии:
    241
    Основная библиотека jQuery не подключена
     
  7. phl

    phl Новичок

    Сообщения:
    8
    Симпатии:
    0
    Новое
    Да, это правда, модуль что-то делает с библиотеками... отключается то что в хеде, не подскажете как это можно исправить?
    Или у меня что-то не то, но без модуля сайт работает а с модулем нет

     
  8. karpov

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

    Сообщения:
    1.518
    Симпатии:
    241
    Как исправит, смотреть, изучать... лезть в код, следить за ошибками. По другому никак.
     
  9. b.trotskyi

    b.trotskyi Новичок

    Сообщения:
    11
    Симпатии:
    0
    А как на опенкарт3 это реализовать??
     
  10. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    Реализовал.
     

    Вложения:

    karpov нравится это.
  11. b.trotskyi

    b.trotskyi Новичок

    Сообщения:
    11
    Симпатии:
    0
    А как установить? Установщик расширений говорит Invalid file type

    Его нужно в архив положить ocmod.zip ??
     
  12. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    А документацию не пробовали читать тут на форуме, чтобы не гадать и понять что такое модификатор и какой он бывает? Вкратце, по тек модификатру, положите его в папку system
     
  13. b.trotskyi

    b.trotskyi Новичок

    Сообщения:
    11
    Симпатии:
    0
    у меня видимо измененный вывод картинки в карточке товара, потому что не работает данный модификатор.

    Вот такой код у меня в продукт.твиг
    Код:
    <!-- Product row START -->
          <div class="row">
          {% if column_left and column_right %}
            {% set class = 'col-sm-6' %}
          {% elseif column_left or column_right %}
            {% set class = 'col-sm-6' %}
          {% else %}
            {% set class = 'col-xs-12 col-sm-6 col-md-6' %}
          {% endif %}
              <div class="product-block">
            <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" href="{{ popup }}" title="{{ heading_title }}">
                  <img src="{{ thumb }}" title="{{ heading_title }}" 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">
                <a class="thumbnail" href="{{ image.popup }}" title="{{ heading_title }}">
                    <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" />
                </a>
                </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>
            {% if column_left and column_right %}
            {% set class = 'col-sm-6' %}
            {% elseif column_left or column_right %}
            {% set class = 'col-sm-6' %}
            {% else %}
            {% set class = 'col-xs-12 col-sm-6 col-md-6' %}
            {% endif %}
            <div class="{{ class }} product-details">
            <h1 class="product-name">{{ heading_title }}</h1>
            
    
     
  14. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    Модификатор только для шаблона по умолчанию. Внутри все видно, адаптируйте сами.
     
  15. v0ndelpark

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

    Сообщения:
    64
    Симпатии:
    2
    Пишет что "Неправильный тип файла!"
    Что я делаю не так?
     
  16. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    Мне всем цитировать одно и тоже, или все же читать будем ;)
     
  17. v0ndelpark

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

    Сообщения:
    64
    Симпатии:
    2
    Прочитал всё по ссылке http://forum.opencart-russia.ru/threads/rukovodstvo-administratora.6072/#post-44594 но ничего нового не прочитал! Всё так и сделал - скопировал файл в папку System, обновил кеш моификаторов - но ничего не произошло. Ткните пожалуйста носом, где ещё почитать!
     
  18. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    Т.е взяли из архива xml файл модификатора, положили ее в папку system . Так? Шаблон по умолчанию? В логах модификатор виден?
     
  19. v0ndelpark

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

    Сообщения:
    64
    Симпатии:
    2
    в логах вот что:

    MOD: Carousel Product Image

    FILE: catalog/view/theme/default/template/product/product.twig
    CODE: <ul class="thumbnails">
    LINE: 22
    CODE: <div class="{{ class }}"> {% if thumb or images %}
    LINE: 42
    CODE: $(document).ready(function() {
    LINE: 575

    FILE: catalog/controller/product/product.php
    CODE: $this->document->addScript('catalog/view/javascript/jquery/datetimepicker/bootstrap-datetimepicker.min.js');
    LINE: 229
     
  20. Ravilr

    Ravilr Специалист

    Сообщения:
    3.863
    Симпатии:
    1.059
    Шаблон по умолчанию? Кеш твиг обновили? Кеш браузера? Покажите сайт хоть..