Akulich (04 Декабрь 2016 - 23:55) писал:
Добрый вечер, дорогие товарищи.
У меня появилось 2 вопроса, возможно они будут противоречить друг другу, но я надеюсь на Вашу помощь.
1. Как можно сделать, чтобы на главной странице отображались категории товара? Примерно как на скриншоте.
2. При нажатии каталога чтобы открывался полный список товара, в принципе как и сейчас, но при пролистывании вниз можно было выбрать необходимую страницу (1,2,3,4...). Как настроить количество товара на странице через настройки, я знаю( например шаг для странице 50). Вопрос в том, как убрать автопрогрузку и разбить по страницам.
Прошу прощения за корявость объяснения и спасибо за помощь.
Здравствуйте. Простите за долгое ожидание ответа.
Вам необходимо в шаблоне Товары заменить весь код на код из прикрепленного файла.
Далее в файле main.js найдите блок
//Подгрузка товаров в каталоге
$(function(){
var $container = $('.containers');
// Минимальное расстояние между товарами в каталоге
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.items',
// указываем класс элемента являющегося блоком в нашей сетке
singleMode: false,
// true - если у вас все блоки одинаковой ширины
isResizable: true,
// перестраивает блоки при изменении размеров окна
isAnimated: false,
// Ужиматься до минимальной ширины, чтобы можно было центрировать блок
isFitWidth: true,
// анимируем перестроение блоков
animationOptions: {
queue: false,
duration: 300
}
// опции анимации - очередь и продолжительность анимации
});
});
var lastPage = 1;
var pagesNum = $("div.pagination").find(".last_page").text(); // Количество страниц
$container.infinitescroll({
navSelector : '.pagination', // класс элемента постраничной навигации
nextSelector : '.pagination a', // класс элемента постраничной навигации, ссылка на следующую страницу
itemSelector : '.items', // класс элементов, которые будем извлекать
loading: {
msgText: 'Пожалуйста подождите...',
finishedMsg: 'Больше нет товаров.',
img: infiniteScrollLoaderPath ? infiniteScrollLoaderPath : '/loader.gif'
}
},
function( newElements ) {
// скрываем новые элементы, пока они не загрузятся
var $newElems = $( newElements ).css({ opacity: 0 });
// обеспечиваем загрузку изображением перед добавление из на страницу
$newElems.imagesLoaded(function(){
// показываем готовые элементы
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
lastPage++;
// если это последняя страница
if(lastPage >= pagesNum){
$container.infinitescroll('pause');
}
}
);
});
и замените его на
//Подгрузка товаров в каталоге
$(function(){
/* var $container = $('.containers');
// Минимальное расстояние между товарами в каталоге
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.items',
// указываем класс элемента являющегося блоком в нашей сетке
singleMode: false,
// true - если у вас все блоки одинаковой ширины
isResizable: true,
// перестраивает блоки при изменении размеров окна
isAnimated: false,
// Ужиматься до минимальной ширины, чтобы можно было центрировать блок
isFitWidth: true,
// анимируем перестроение блоков
animationOptions: {
queue: false,
duration: 300
}
// опции анимации - очередь и продолжительность анимации
});
});
var lastPage = 1;
var pagesNum = $("div.pagination").find(".last_page").text(); // Количество страниц
$container.infinitescroll({
navSelector : '.pagination', // класс элемента постраничной навигации
nextSelector : '.pagination a', // класс элемента постраничной навигации, ссылка на следующую страницу
itemSelector : '.items', // класс элементов, которые будем извлекать
loading: {
msgText: 'Пожалуйста подождите...',
finishedMsg: 'Больше нет товаров.',
img: infiniteScrollLoaderPath ? infiniteScrollLoaderPath : '/loader.gif'
}
},
function( newElements ) {
// скрываем новые элементы, пока они не загрузятся
var $newElems = $( newElements ).css({ opacity: 0 });
// обеспечиваем загрузку изображением перед добавление из на страницу
$newElems.imagesLoaded(function(){
// показываем готовые элементы
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
lastPage++;
// если это последняя страница
if(lastPage >= pagesNum){
$container.infinitescroll('pause');
}
}
);*/
});