Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

isyskov

Новачок
  
 Профіль  Активність

  • Публікації

    16

  • З нами

  • Відвідування

 Тип публікації 

Повідомлення, опубліковані користувачем isyskov

    клон стандартного модуля carousel (slideshow)

    в Opencart 3.x: Налаштування та оптимізація

    Опубліковано:

    Создал клон карусели (нужны были наборы по 3/5/7 и т.д. слайдов), разместил несколько модулей (из разных клонов) на странице. При нажатии на pagination слайды реагируют (листаются) во всех клонах/модулях сразу. Полагаю дело в swiper.min.js ?

    КЛОН:

    \catalog\controller\extension\module\carousel.php 

    <?php
class ControllerExtensionModuleCAROUSEL3IN1v01 extends Controller {
    public function index($setting) {
        static $module = 0;

        $this->load->model('design/banner');
        $this->load->model('tool/image');
        
        $this->document->addStyle('catalog/view/javascript/jquery/swiper/css/swiper.min.css');
        $this->document->addStyle('catalog/view/javascript/jquery/swiper/css/opencart.css');
        $this->document->addScript('catalog/view/javascript/jquery/swiper/js/swiper.jquery.js');

        $data['banners'] = array();

        $results = $this->model_design_banner->getBanner($setting['banner_id']);

        foreach ($results as $result) {
            if (is_file(DIR_IMAGE . $result['image'])) {
                $data['banners'][] = array(
                    'title' => $result['title'],
                    'link'  => $result['link'],
                    'image' => $this->model_tool_image->resize($result['image'], $setting['width'], $setting['height'])
                );
            }
        }

        $data['module'] = $module++;

        return $this->load->view('extension/module/CAROUSEL3IN1v01', $data);
    }
}

    \catalog\view\theme\default\template\extension\module\CAROUSEL3IN1v01.twig 

    <div class="swiper-viewport">
  <div id="CAROUSEL3IN1v01{{ module }}" class="swiper-container">
    <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-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
-->

</div>
<script type="text/javascript">
$('#CAROUSEL3IN1v01{{ module }}').swiper({
    mode: 'horizontal',
    slidesPerView: 3,
    pagination: '.carousel{{ module }}',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    autoplay: 7500,
    loop: true
});</script>

     

    Ну и хочу понять - куда ведёт эта строка... 

    pagination: '.carousel{{ module }}',

    --
    в платных услугах не нуждаюсь, копаю сам, кеш и модификаторы обновляю. openstore 3.0.2.0 Theme default

    Адаптивная карусель

    в Opencart 3.x: Загальні питання

    Опубліковано: 

    <div class="swiper-viewport">
  <div id="CAROUSEL3IN1v01{{ module }}" class="swiper-container">
    <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-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
-->

</div>
<script type="text/javascript">
$('#CAROUSEL3IN1v01{{ module }}').swiper({
    mode: 'horizontal',
    slidesPerView: 3,
    pagination: '.carousel{{ module }}',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    autoplay: 7500,
    stopOnHover: true,
    loop: true
});</script>

     

    пролистывание во всех модулях на странице, мучаюсь со строкой:

    pagination: '.carousel{{ module }}',

     

    --

    opencart 3.0.2.0 theme default

    Карусель брендов в три строки

    в Opencart 3.x: Загальні питання

    Опубліковано: · Змінено користувачем isyskov

    В 14.09.2018 в 13:31, btrotsky сказал:

    //pagination: '.carousel{{ module }}',

    простите, не совсем по теме, и всё же тема близка.. Создал клоны карусели (нужны были наборы по 3/5/7 и т.д. слайдов), разместил несколько модулей на странице. При нажатии на pagination слайды реагируют (листаются) во всех модулях сразу. Я полагаю дело в swiper.min.js ? Ну и хочу понять - куда ведёт процитированная строка.. 

    <div class="swiper-viewport">
  <div id="CAROUSEL3IN1v01{{ module }}" class="swiper-container">
    <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-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
-->

</div>
<script type="text/javascript">
$('#CAROUSEL3IN1v01{{ module }}').swiper({
    mode: 'horizontal',
    slidesPerView: 3,
    pagination: '.carousel{{ module }}',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    autoplay: 7500,
    stopOnHover: true,
    loop: true
});</script>

     

    --

    opencart 3.0.2.0 theme default

    ошибка - заголовок страницы из заголовка модуля

    в Opencart 3.x: Звіти про помилки

    Опубліковано: · Змінено користувачем isyskov

    Новый пример: Согласно крошкам, это страница "Бренды". Вместо соответствующего названия страницы выводится название модуля "Категории". Ошибка актуализируется при добавлении левых/правых колонок с названиями модулей.

     

    p.s.

     -------- 
    в платных услугах не нуждаюсь, копаю сам, кеш и модификаторы обновляю. openstore 3.0.2.0 Theme default

    Набросок (1).png

    [Решено] Пропадает иконка Cравнения в header

    в Opencart 3.x: Налаштування та оптимізація

    Опубліковано: · Змінено користувачем isyskov

    Готово - переставил id в span, чтобы освободить иконку от total. Уж очень НЕ хотелось вытаскивать иконку из ссылки, ибо не смотриццца. Спасибо за отклик

     

    Набросок (1).png

    Сравнение товаров в шапке. [How-To]

    в Шаблони, дизайн та оформлення магазину

    Опубліковано:

    В 13.06.2013 в 12:30, sobwoofer сказал:

    1.5.1.3.1

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

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

     после обновления же все стает на свои места. в чем проблема?

    кто-нибудь сталкивался на 3.0.2.0 с этим? ..обсуждаю здесь

     

    [Решено] Пропадает иконка Cравнения в header

    в Opencart 3.x: Налаштування та оптимізація

    Опубліковано: · Змінено користувачем isyskov

    при нажатии Добавить к сравнению ПРОПАДАЕТ ИКОНКА СРАВНЕНИЯ (вне зависимости от авторизации). После F5/ctrlF5 или дальнейшем использовании сайта - появляется.

    Набросок (1).pngНабросок (2).png

     

    что сделано:
    - controler\product\compare.php    не трогал
    - template\product\compare.twig    не трогал
    - common.js    не трогал

    Набросок (3).pngНабросок (4).pngНабросок (5).png


    цель:
    - исправить пропадание иконки
    - просмотр сравнения после авторизации (идентично закладкам)


    p.s.
    - в платных услугах не нуждаюсь, копаю сам
    - кеш и модификаторы обновляю
    ---------
    local serv 3.0.2.0 theme default (.twig)

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду