Прокрутка товаров на главной странице

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

mgeese
mgeese
Репутация: 0
Сообщения: 26
Зарегистрирован: 04.07.2016
С нами: 7 лет 8 месяцев

Сообщение #1 mgeese » 04.07.2016, 10:07

Здравствуйте, можно ли сделать на главной странице прокрутку в категориях хиты продаж, новинки, акционные товары, как это реализовано с брендами? или чтобы автоматически листалось? Если добавить, например, в хиты больше 4 товаров, то на главной всё равно отображается только 4. Возможно уже есть такой функционал, но не понял как включить.

zyxer M
zyxer M
Возраст: 32
Репутация: 77
Сообщения: 419
Зарегистрирован: 03.02.2016
С нами: 8 лет 1 месяц
Откуда: Днепр

Сообщение #2 zyxer » 04.07.2016, 13:42

Можете сделать так:
В okay.js добавить код (~260-я строка)

Код: Выделить всё

/* Инициализация карусели */
$(".fn-slick-products-carousel").slick({
    infinite: true,
    speed: 500,
    slidesToShow: 4,
    slidesToScroll: 1,
    swipeToSlide : true,
    arrows: true,
    responsive: [
        {
            breakpoint: 992,
            settings: {
                slidesToShow: 3
            }
        },
        {
            breakpoint: 768,
            settings: {
                slidesToShow: 1
            }
        }
    ]
});


В main.tpl где div с классом "row" добавить класс "fn-slick-products-carousel" чтобы получилось <div class="row fn-slick-products-carousel">
и где вызов {get_featured_products var=featured_products limit=4} limit установить в большее значение (напр. 20). Аналогично для new_products и discounted_products
Всё сказанное мной, является лично моим мнением, и не является официальной позицией OkayCMS

mgeese
mgeese
Репутация: 0
Сообщения: 26
Зарегистрирован: 04.07.2016
С нами: 7 лет 8 месяцев

Сообщение #3 mgeese » 04.07.2016, 14:35

Да, спасибо, получилось, только можно ли сдвинуть указатели, чтобы они не наезжали на товары и слайдеры. Скрин прилагаю
Изображение
и еще если задать limit например 20, а товаров меньше, то будут пустые поля листаться. можно что-то придумать с этим?
Изображение

и еще вопрос, можно ли сделать чтобы отображалось в строке не 4 как по умолчанию, а например 5 товаров?
Изображение

zyxer M
zyxer M
Возраст: 32
Репутация: 77
Сообщения: 419
Зарегистрирован: 03.02.2016
С нами: 8 лет 1 месяц
Откуда: Днепр

Сообщение #4 zyxer » 04.07.2016, 14:53

чтобы указатели не наезжали можно в bootstrap.css где .slick-next указать "right: -25px;" , а .slick-prev "left: -25px;" но не рекомендую, т.к кнопки будут ЗА пределами контейнера, и на некоторых мониторах не будут "помещаться" на экране.

По поводу пустых слайдов уберите "{if $product@iteration % 3 == 0}<div class="col-xs-12 hidden-sm-down hidden-md-up"></div>{/if}"

Добавлено спустя 1 минуту 25 секунд:
для пяти товаров поставьте slidesToShow: 5 но скорее всего немного "поплывет" верстка
Всё сказанное мной, является лично моим мнением, и не является официальной позицией OkayCMS

mgeese
mgeese
Репутация: 0
Сообщения: 26
Зарегистрирован: 04.07.2016
С нами: 7 лет 8 месяцев

Сообщение #5 mgeese » 04.07.2016, 15:04

Отлично, спасибо, наверное будет совсем нагло, но я спрошу, нельзя ли как то использовать место по краям? например хочу сделать баннер с акциями, что-то типа вот такого, это реально?
Изображение

OkayCMS M
Администратор
Аватара
OkayCMS M
Администратор
Репутация: 216
Сообщения: 1627
Зарегистрирован: 12.11.2015
С нами: 8 лет 4 месяца
Сайт Skype

Сообщение #6 OkayCMS » 04.07.2016, 18:24

У вас тогда на ноутбуках сайт не будет влазить в ширину экрана.

demqn
demqn

Помогите все таки удалить пустые места в карусели

Сообщение #7 demqn » 01.08.2018, 16:21

zyxer, Подскажите пожалуйста поподробнее как все таки убрать пустые места в карусели
какой код?
в какой файл?
и какое место?
вставить или убрать, а то неполучилось
и Спасибо! ЗА карусель Все работает!
дополнительно добавил ее в рекомендуемые на страницу товара

Добавлено спустя 11 часов 22 минуты:
OkayCMS, Подскажите пожалуйста поподробнее как все таки убрать пустые места в карусели
какой код?
в какой файл?
и какое место?
вставить или убрать, а то неполучилось
и Спасибо! ЗА карусель Все работает!
дополнительно добавил ее в рекомендуемые на страницу товара

MadDog
MadDog
Репутация: 2
Сообщения: 15
Зарегистрирован: 03.12.2019
С нами: 4 года 3 месяца

Сообщение #8 MadDog » 04.12.2019, 18:16

Хм.. у меня инициализация слайдера не происходит. вот сюда вставлять js?

Изображение

zyxer M
zyxer M
Возраст: 32
Репутация: 77
Сообщения: 419
Зарегистрирован: 03.02.2016
С нами: 8 лет 1 месяц
Откуда: Днепр

Сообщение #9 zyxer » 04.12.2019, 18:31

Сюда. В консоле ошибки есть? Селектор точно верный?
Всё сказанное мной, является лично моим мнением, и не является официальной позицией OkayCMS

MadDog
MadDog
Репутация: 2
Сообщения: 15
Зарегистрирован: 03.12.2019
С нами: 4 года 3 месяца

Сообщение #10 MadDog » 04.12.2019, 21:02

ошибок в консоли ошибок нет предупреждения есть
Изображение

матерится вот на эту строку 16 в индексе <script>ut_tracker.start('parsing:head:js');</script>
А так как я не говорю по-немецки, я не понимать что ему надо. Ну вижу, что рамс какой то с js, но при этом на брендах то тоже карусель и она работает. Которая на дефолтном шаблоне.

в main вот так

Код: Выделить всё

{* Featured products *}
    {get_featured_products var=featured_products limit=20}
    {if $featured_products}
        <div class="row fn-slick-products-carousel">
        <div class="main_products clearfix">       
            {foreach $featured_products as $product}
                <div class="products_item no_padding  col-sm-6 col-xl-3">
                    {include "product_list.tpl"}
                </div>
            {/foreach}           
        </div>
        </div>
    {/if}


10 Раз до запятой проверила не могу понять что не так. Просто как обычная витрина рядами выглядит и все.

з.ы. Я чукча. Знаю. Исправлюсь. Прошу понять и простить.

zyxer M
zyxer M
Возраст: 32
Репутация: 77
Сообщения: 419
Зарегистрирован: 03.02.2016
С нами: 8 лет 1 месяц
Откуда: Днепр

Сообщение #11 zyxer » 04.12.2019, 21:24

Вот оно что, у вас между {if $featu... и форычем два уровня вложенности, сделайте один. Т. е. чтобы тег, на который вешается карусель непосредственно оборачивал цикл, т. к. слайдер именно внутрянку считает слайдом, а у вас в данном случае всегда один слайд
Всё сказанное мной, является лично моим мнением, и не является официальной позицией OkayCMS

MadDog
MadDog
Репутация: 2
Сообщения: 15
Зарегистрирован: 03.12.2019
С нами: 4 года 3 месяца

Сообщение #12 MadDog » 05.12.2019, 13:03

zyxer, ооо спасибо!
Мой затуп согласна, а js в 260 строке не работало передвинула ниже перед каруселью брендов и заработало.


Название раздела: Предложения по улучшению OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Предложения по улучшению OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 10 гостей