Шаблон Frame Theme - быстрый адаптивный шаблон для OpenCart 3

Denzy · 09.12.2021

nikola111 сказал(а):
Всем доброго времени суток.
Есть вопрос.
Можно ли в нашем шаблоне реализовать такое же меню как на этом сайте - https://lekos.com.ua/
Если да, то как это сделать?

Шаблон не наш)
Можно.
Скачать шаблон и установить его

nikola111 · 09.12.2021

Я имею ввиду шаблон Frame (наш - ветка именно по этому шаблону)
У меня получается такое меню - https://skr.sh/sBQ023jrxk9
А нужно такое - https://skr.sh/sBQsAGm70Xq
Можно ли реализовать похожее меню в этом шаблоне (Frame), или нужно использовать доп модули
Если можно, то как это сделать. То есть в какую сторону смотреть, какие файлы нужно править?

Denzy · 09.12.2021

nikola111 сказал(а):
Я имею ввиду шаблон Frame (наш - ветка именно по этому шаблону)
У меня получается такое меню - https://skr.sh/sBQ023jrxk9
А нужно такое - https://skr.sh/sBQsAGm70Xq
Можно ли реализовать похожее меню в этом шаблоне (Frame), или нужно использовать доп модули
Если можно, то как это сделать. То есть в какую сторону смотреть, какие файлы нужно править?

Заходите в основную категорию, ставите кол-во колонок 4, далее в настройках шаблона ->Меню категорий->Лимит категорий третьего уровня

nikola111 · 09.12.2021

Благодарю!
Какой файл отвечает за отображение этого меню?
Нужно что бы выпадающее меню имело такой же вид как на этом сайте - https://lekos.com.ua/
И еще вопрос.
Есть ли возможность реализовать функцию (кнопка) Купить в один клик с окном попап.
Пробовал подключать модули, кнопка не отображается.
Может быть нужно что то менять в файлах шаблона?

Denzy · 09.12.2021

nikola111 сказал(а):
Благодарю!
Какой файл отвечает за отображение этого меню?
Нужно что бы выпадающее меню имело такой же вид как на этом сайте - https://lekos.com.ua/
И еще вопрос.
Есть ли возможность реализовать функцию (кнопка) Купить в один клик с окном попап.
Пробовал подключать модули, кнопка не отображается.
Может быть нужно что то менять в файлах шаблона?

/catalog/view/theme/ft_frame/template/common/header.twig
Быстрый заказ/купить в один клик уже реализован в шаблоне

nikola111 · 09.12.2021

В идеале нужно вообще заменить стандартную кнопку Купить на кнопку Купить в один клик.
При нажатии на эту кнопку должно появляться попап окно с формой заказа.
Что то типа такого - https://skr.sh/sBQcz9UvfiB

Denzy · 10.12.2021

nikola111 сказал(а):
В идеале нужно вообще заменить стандартную кнопку Купить на кнопку Купить в один клик.
При нажатии на эту кнопку должно появляться попап окно с формой заказа.
Что то типа такого - https://skr.sh/sBQcz9UvfiB

Ваш магазин

Мой магазин

goo.su

Демо шаблона

nikola111 · 10.12.2021

Я понимаю что эта функция уже есть.
Но как сделать/перенести эту функцию на основную кнопку?
Вообще такое возможно?

Denzy · 10.12.2021

Править шаблон карточки товара

svitlo · 29.01.2022

Я поставил этот шаблончик на один из своих проектов - все супер но есть вопрос в каталоге выводиться 5 колонок товаров! а мне нужно сделать 3 в настройках самого шаблона нет такой настройки как можно исправить эту ситуацию? это проблема верстки или так где то в контролере заложено? может кто то сталкивался было бы не плохо решить этот вопрос!
И еще вопрос когда включаю изображения в вебпи формат конвертацию жутко тормозит сайт! Это проблема модуля по работе с вебпи конвертацией, шаблона или настройки сервера? Как можно ускорить этот процесс?

innerjoin86 · 29.01.2022

svitlo сказал(а):
Я поставил этот шаблончик на один из своих проектов - все супер но есть вопрос в каталоге выводиться 5 колонок товаров! а мне нужно сделать 3 в настройках самого шаблона нет такой настройки как можно исправить эту ситуацию? это проблема верстки или так где то в контролере заложено? может кто то сталкивался было бы не плохо решить этот вопрос!

Регулирует количество колонок функция products_view() JavaScript. (см. \catalog\view\theme\ft_frame\template\product\category.twig), которая в зависимости от выбранной настройки ('list', 'grid', 'big_grid') устанавливает нужные значения классов "сетки" от Bootstrap.

JavaScript:

  var products_view = function(view) {

    var items_row = document.querySelector('.products-container > .row'),
        buttn_grid = document.querySelector('#ft-grid-view'),
        buttn_list = document.querySelector('#ft-list-view'),
        buttn_big_grid = document.querySelector('#ft-big-grid-view'),
        col_left = document.querySelectorAll('#column-left, .menu-holder'),
        col_right = document.querySelectorAll('#column-right'),
        cols = 0;

    if (col_left.length > 0 ) { cols++ }
    if (col_right.length > 0 ) { cols++ }

    var clone = items_row.cloneNode(true);

    clone.classList.forEach(function(class_name, i) {
      if (class_name.indexOf('row-cols-') >= 0) {
        items_row.classList.remove(class_name);
      }
    });

    delete clone;

    if (view == 'list') {
      localStorage.setItem('display', 'list');
      items_row.classList.remove('grid');
      items_row.classList.remove('big_grid');
      items_row.classList.add('list');
      items_row.classList.add('row-cols-1');

      if (buttn_grid != null && buttn_list != null && buttn_big_grid != null) {
        buttn_list.classList.add('active');
        buttn_grid.classList.remove('active');
        buttn_big_grid.classList.remove('active');
      }
    }

    if (view == 'grid') {
      localStorage.setItem('display', 'grid');
      items_row.classList.remove('list');
      items_row.classList.remove('big_grid');
      items_row.classList.add('grid');
      items_row.classList.add('row-cols-2');
      items_row.classList.add('row-cols-md-3');

      switch (cols) {
        case 1:
          items_row.classList.add('row-cols-xl-4');
          items_row.classList.add('row-cols-xxl-5');
          break;

        case 2:
          items_row.classList.add('row-cols-lg-2');
          items_row.classList.add('row-cols-xl-3');
          items_row.classList.add('row-cols-xxl-4');
          break;

        default:
          items_row.classList.add('row-cols-lg-4');
          items_row.classList.add('row-cols-xl-5');
          items_row.classList.add('row-cols-xxl-6');
      }

      if (buttn_grid != null && buttn_list != null  && buttn_big_grid != null) {
        buttn_grid.classList.add('active');
        buttn_list.classList.remove('active');
        buttn_big_grid.classList.remove('active');
      }
    }

    if (view == 'big_grid') {
      localStorage.setItem('display', 'big_grid');
      items_row.classList.remove('list');
      items_row.classList.remove('grid');
      items_row.classList.add('big_grid');
      items_row.classList.add('row-cols-1');
      items_row.classList.add('row-cols-sm-2');

      switch (cols) {
        case 1:
          items_row.classList.add('row-cols-xl-3');
          items_row.classList.add('row-cols-xxl-4');
          break;

        case 2:
          items_row.classList.add('row-cols-lg-1');
          items_row.classList.add('row-cols-xl-2');
          items_row.classList.add('row-cols-xxl-3');
          break;

        default:
          items_row.classList.add('row-cols-lg-3');
          items_row.classList.add('row-cols-xl-4');
          items_row.classList.add('row-cols-xxl-5');
      }

      if (buttn_grid != null && buttn_list != null  && buttn_big_grid != null) {
        buttn_big_grid.classList.add('active')
        buttn_grid.classList.remove('active');
        buttn_list.classList.remove('active');
      }
    }
  }

hello · 10.08.2022

А можно сделать так, чтобы вертикальное меню всегда было свёрнуто, и открывалось бы только по клику?

hello · 11.08.2022

Облазил все настройки, и не могу понять, как убрать/отключить "Блог" из шапки сайта?

hello · 12.08.2022

Обнаружил такую проблему (прикрепил скриншот). Если у товара есть опции, то, когда нажимаю на кнопку “Купить”, получаю такую кривизну) Если опций нет, то всё нормально.

svitlo · 12.08.2022

hello сказал(а):
Облазил все настройки, и не могу понять, как убрать/отключить "Блог" из шапки сайта?

Ни как нет такой настройки просто удалить кусок кода в хедере

dell2201 · 07.09.2022

~~Здравствуйте. Кто то адаптировал с Megafilter pro? На сайте forum.ocdemo.eu нет адаптации, если включено загрузка под Lazy~~

JavaScript:

MegaFilter.prototype.beforeRequest = function() {
    var self = this;
};

MegaFilter.prototype.beforeRender = function( htmlResponse, htmlContent, json ) {
    var self = this;
};

MegaFilter.prototype.afterRender = function( htmlResponse, htmlContent, json ) {
    var self = this;

        $('img.ft-lazy-img').each(function(){
        $(this).attr('src', $(this).attr('data-src'));
        $(this).attr('srcset', $(this).attr('data-srcset'));
 let spinner = document.querySelector('.ft-lazy-spinner');
if (spinner != null) spinner.remove();
        });

CSS:

#mfilter-opts-price-min,
#mfilter-opts-price-max {
    width: 35%;
        min-width: 35%;
        max-width: 35%;
        display: inline-block;
}

dell2201 · 07.09.2022

Мобильный виджет Megafilter Pro c этим шаблоном тоже не работает (кроме как скрывать левые и правые колонки)?

Пока ни чего лучшего не придумал, как сделать также, как в Coloring.

HTML:

column-left.twig

{% if modules %}
<aside id="column-left" class="column column-left">
<div class="d-block d-md-none col-show-button">
        <a class="btn btn-light btn-block " id="show-modules-col-left"><i class="fa fa-search-plus show-icon"></i><i class="fa fa-search-minus  hid-icon"></i> Поиск по параметрам</a>
    </div>
    <div id="col-left-modules" class="hid-col-left">
  {% for module in modules %}
  {{ module }}
  {% endfor %}
  </div>
</aside>
<script>
    $('#show-modules-col-left').click(function () {
        $('#col-left-modules').toggleClass('show');
        $(this).toggleClass('open');
    });
</script>
{% endif %}

CSS:

Файл стилей пользователя.css

#show-modules-col-left > .show-icon, #show-modules-col-left.open > .hid-icon, #show-modules-col-right > .show-icon, #show-modules-col-right.open > .hid-icon {
  display: inline-block;
}
#show-modules-col-left > .hid-icon, #show-modules-col-left.open > .show-icon, #show-modules-col-right > .hid-icon, #show-modules-col-right.open > .show-icon {
  display: none;
}
@media (max-width: 767px){
.hid-col-left, .hid-col-right {
  display: none;
}
#show-modules-col-left .fa{font-weight:100;}
}

@media (max-width: 769px){
.hid-col-left.show, .hid-col-rigth.show {
  display: block;
}
}

dell22 · 11.12.2022

adr86 сказал(а):
Такой вопрос демо данные существуют для него?

Версия ocStore 3.0.3.7 чистая установка, установлен только шаблон. Настроены модули и схемы. По сути это дамп нового магазина с установленным шаблоном

735.6 KB file on MEGA

mega.nz

torrdown · 05.03.2023

dell22 сказал(а):
Версия ocStore 3.0.3.7 чистая установка, установлен только шаблон. Настроены модули и схемы. По сути это дамп нового магазина с установленным шаблоном

735.6 KB file on MEGA

mega.nz

Поставил, внешне вроде как работает... но начиная вникать есть ощущение что чего то не хватает - есть файлы к sql? или может уже есть полный дамп базы+файлов

altoon · 18.01.2024

Подскажите пожалуйста в чем беда, в симпле выставил 3 колонки, раскинул туда блоки, но отображение кривоватое, не такое как на демке у автора. Где то плывут стили походу
Интеграцию с темой провел, файлы закинул

может кто сталкивался с подобным?

Шаблон Frame Theme - быстрый адаптивный шаблон для OpenCart 3

Denzy

Добрый самаритянин

nikola111

Созидатель (II)

Denzy

Добрый самаритянин

nikola111

Созидатель (II)

Denzy

Добрый самаритянин

nikola111

Созидатель (II)

Denzy

Добрый самаритянин

Ваш магазин

nikola111

Созидатель (II)

Denzy

Добрый самаритянин

svitlo

innerjoin86

hello

hello

Вложения

hello

Вложения

svitlo

dell2201

dell2201

dell22

Творец (III)

735.6 KB file on MEGA

torrdown

Созидатель (II)

735.6 KB file on MEGA

altoon

Созидатель (II)

Вложения