Перейти к содержимому


Бесконечный скроллинг товаров


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 96

#81 sotil

sotil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 08 Март 2014 - 11:45

Просмотр сообщенияСake (08 Март 2014 - 01:01) писал:

Необходимые изменения были внесены в ваш шаблон. Проверьте отображение вашей товарной категории.
Всё равно не до конца и не только в этой категории

#82 sotil

sotil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 11 Март 2014 - 11:53

До сих пор скроллинг не прокуручивает до конца

#83 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 12 Март 2014 - 03:53

Пожалуйста, сообщите - у вас отображается такое же количество товаров что и ранее при возникшей проблеме? Попробуйте очистить кеш в вашем браузере. Так как например в той же категории catalog/Grohe?goods_view_type=2 при прокрутке отображается минимум 22 страницы навигации товара. Ранее этот порог был только в 7 страниц навигации.

#84 sotil

sotil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 12 Март 2014 - 06:39

Количество товаров увеличилось, однако прокручивает не до конца

В этой категории просмотр "таблицей
50 рублей -98 828 рублей не показаны последние 4 товара
147 973 рубля-50 рублейне показаны также последние 4 товара стоимостью 50руб.

В этой категориипосмотр таблицей
50 рублей- 32 684 рубля11 товаров не показано
147 973 рубля-576 рублей11 товаров не показано
просмотр списком
50 рублей -32 684 рубля, т.е. то же самое
147 973 рубля- и т.д.

В такой категории 296 товаров просмотр списком
17 577 рублей-1 853 рубля 16 товаров не показано
203 рубля-10 614 рублей
Предполагаю, что незаполненные страницы не подгружает


#85 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 13 Март 2014 - 02:09

Проверьте отображение товаров в вашем каталоге. С учетом добавленной ранее строки

$(pagination).html($(html).find(pagination).html());

необходимо было отключить использование

$(cnavig).removeClass(current).next().addClass(current);

Данное изменение было внесено в ваш файл main.js

#86 sotil

sotil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 13 Март 2014 - 07:33

Просмотр сообщенияСake (13 Март 2014 - 02:09) писал:

Проверьте отображение товаров в вашем каталоге. С учетом добавленной ранее строки

$(pagination).html($(html).find(pagination).html());

необходимо было отключить использование

$(cnavig).removeClass(current).next().addClass(current);

Данное изменение было внесено в ваш файл main.js
Спасибо!

#87 Dmitriy73

Dmitriy73

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 28 Январь 2016 - 21:01

Здравствуйте! У меня шаблон "Мокко" сайт http://demetra5.ru/
Помогите разобраться с автоскроллиногом потому что так как вы предлагаете у меня разваливается шаблон.
И сам скрипт не работает

#88 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 29 Январь 2016 - 04:43

Попробуйте воспользоваться следующей инструкцией:
http://forum.storela...и-сайта-без-об/

#89 BeLoveAll

BeLoveAll

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

  • Пользователи
  • PipPipPip
  • 89 сообщений

Отправлено 17 Апрель 2016 - 03:04

Просмотр сообщенияVaccina (18 Апрель 2013 - 04:53) писал:

Почитайте внимательнее данную тему. Данный код можно использовать для любой установленной темы. Вам необходимо изменить классы

var nav = '#content .navigation';
var cnavig = '.navigation .current';

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

var nav = '.square_pages';
var cnavig = '.square_pages > b';

Далее вам необходимо обвернуть отображение товаров в дополнительный блок <div>. В шаблоне "Товары" найти

{% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>
			 </div>
			 </td>
		 {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR goods %}

и заменить на

<td>
<div class="u-lproducts">
{% FOR goods %}
<div class="ulproducts" style="float:left; margin: 10px 5px;">
		 <div class="tabproduct">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </div>
			 <div class="goodsListItemPriceOld">
				 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
				 {% ENDIF %}
			 </div>
			 </div>
			 </div>
</div>
<div style="clear: both;"></div>
{% ENDFOR goods %}
</div>
</td>

А какую часть кода нужно обернуть в блок <div> для шаблона Шоколад?

#90 Tanksav

Tanksav

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

  • Пользователи
  • PipPipPip
  • 120 сообщений

Отправлено 18 Октябрь 2016 - 10:28

Здравствуйте, не могу понять что нужно поменять в шаблоне товары (тема город)?

#91 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 18 Октябрь 2016 - 17:40

Просмотр сообщенияTanksav (18 Октябрь 2016 - 10:28) писал:

Здравствуйте, не могу понять что нужно поменять в шаблоне товары (тема город)?

Здравствуйте. Вам уже ответили в другой ветке форума. Просим Вас не дублировать свои вопросы в разные ветки форума.

#92 ToshaBoy

ToshaBoy

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

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 16 Июнь 2017 - 09:19

Добрый день! У меня шаблон "Спорт" мой аккаунт SL-413679
Помогите разобраться с автоскроллиногом, а то сделал по вашим инструкции, тема совсем потеряла свой дизайн

#93 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Июнь 2017 - 07:27

Здравствуйте.

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

#94 ToshaBoy

ToshaBoy

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

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 21 Июнь 2017 - 12:20

Просмотр сообщенияVaccina (20 Июнь 2017 - 07:27) писал:

Здравствуйте.

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

Я сохранил изменения, посмотрите что не так у меня

#95 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 22 Июнь 2017 - 08:00

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите в самом конце шаблона и удалите:
 <!-- Вывод каталога таблицей -->
<div class="u-lproducts">
<!-- Вывод каталога списком -->
{% FOR goods %}
<div class="ulproducts">
<div class="hr"></div>
<div class="box padd">
<div class="titlebox txtalgnlft">
<ul>
<li class="blue fnt11b">
<h2><a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">
{% IF goods.MAX_REST_VALUE=0 %}Товара нет{% ENDIF %}
{% IF goods.MAX_REST_VALUE>0 %}В наличии{% ENDIF %}
</a></h2>
</li>
<li class="default fnt12b "><a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">{goods.NAME}</a></li>
</ul>
</div>
<div class="ulproduct">
<div class="img txtalgncnt">
<a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div class="infoproduct">
<div class="name fnt14b">
<a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">{goods.NAME}</a>
</div>
<div class="info fnt11n txtalgnlft">
{goods.DESCRIPTION_SHORT}
</div>
<div class="buttons">
{% IF goods.MAX_REST_VALUE>0 %}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &amp;laquo;{goods.NAME}&amp;raquo; в корзину">Купить сейчас</a>
<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &amp;laquo;{goods.NAME}&amp;raquo;">Подробнее</a>
</div>
</form>
{% ENDIF %}
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &amp;laquo;{goods.NAME}&amp;raquo;">Подробнее</a>{% ENDIF %}
</div>
<div class="price fnt12b txtalgnlft">
Цена:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
{% ENDIF %}
<em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
{% ENDFOR goods %}
</div>
<!-- Вывод каталога списком-Конец -->




далее зайдите в main.js - найдите:
var nav = '#content .navigation';
var last_prd = '.u-lproducts .ulproducts:last-child';
var wrap_prd = '.u-lproducts';
var cnavig = '.navigation .current';
var prd = '.u-lproducts .ulproducts';

замените на:
var nav = '.products .pages';
var last_prd = '.products-grid.row .item:last-child';
var wrap_prd = '.products-grid.row';
var cnavig = '.pages .current';
var prd = '.products-grid.row .item';


#96 ToshaBoy

ToshaBoy

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

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 22 Июнь 2017 - 10:25

Просмотр сообщенияVaccina (22 Июнь 2017 - 08:00) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите в самом конце шаблона и удалите:
 <!-- Вывод каталога таблицей -->
<div class="u-lproducts">
<!-- Вывод каталога списком -->
{% FOR goods %}
<div class="ulproducts">
<div class="hr"></div>
<div class="box padd">
<div class="titlebox txtalgnlft">
<ul>
<li class="blue fnt11b">
<h2><a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">
{% IF goods.MAX_REST_VALUE=0 %}Товара нет{% ENDIF %}
{% IF goods.MAX_REST_VALUE>0 %}В наличии{% ENDIF %}
</a></h2>
</li>
<li class="default fnt12b "><a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">{goods.NAME}</a></li>
</ul>
</div>
<div class="ulproduct">
<div class="img txtalgncnt">
<a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div class="infoproduct">
<div class="name fnt14b">
<a href="{goods.URL}" title="Перейти на страницу &amp;laquo;{goods.NAME}&amp;raquo;">{goods.NAME}</a>
</div>
<div class="info fnt11n txtalgnlft">
{goods.DESCRIPTION_SHORT}
</div>
<div class="buttons">
{% IF goods.MAX_REST_VALUE>0 %}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a class="whtgray" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &amp;laquo;{goods.NAME}&amp;raquo; в корзину">Купить сейчас</a>
<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &amp;laquo;{goods.NAME}&amp;raquo;">Подробнее</a>
</div>
</form>
{% ENDIF %}
{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &amp;laquo;{goods.NAME}&amp;raquo;">Подробнее</a>{% ENDIF %}
</div>
<div class="price fnt12b txtalgnlft">
Цена:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
{% ENDIF %}
<em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
{% ENDFOR goods %}
</div>
<!-- Вывод каталога списком-Конец -->




далее зайдите в main.js - найдите:
var nav = '#content .navigation';
var last_prd = '.u-lproducts .ulproducts:last-child';
var wrap_prd = '.u-lproducts';
var cnavig = '.navigation .current';
var prd = '.u-lproducts .ulproducts';

замените на:
var nav = '.products .pages';
var last_prd = '.products-grid.row .item:last-child';
var wrap_prd = '.products-grid.row';
var cnavig = '.pages .current';
var prd = '.products-grid.row .item';


Сделал, нумерация страница исчезли, но товары на страницу 2-3 не показывают

#97 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Июнь 2017 - 09:24

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(function() {
var nav = '.products .pages';
var last_prd = '.products-grid.row .item:last-child';
var wrap_prd = '.products-grid.row';
var cnavig = '.pages .current';
var prd = '.products-grid.row .item';
var current = 'current';
var scroll_prod = false;
var parent_url = '';
$(nav).hide();
$(window).scroll(function() {
				 if(!scroll_prod) {
				 var offset = $(last_prd).offset().top;
				 var height = $(last_prd).height();
				 if($(this).scrollTop() > (offset - height)) {
								 scroll_prod = true;
								 if($(cnavig).next().length) {
												 var url = $(cnavig).next().attr('href') + '&amp;only_body=1';
												 if(parent_url != url) {
																 $.get(url, function(html) {
																 var data = $(html).map(function() {
																	 if($(this).hasClass(wrap_prd.replace('.', ''))) {
																		 return($(this).children());
																	 }
																 }).get(0);
																 $(wrap_prd).append(data);
																 $(cnavig).removeClass(current).next().addClass(current);
																 scroll_prod = false;
																 }, 'text');
												 }
								 }
				 }
				 }
});
});

замените на:
$(function() {
var nav = '.products .pages';
var last_prd = '.products-grid .item:last-child';
var wrap_prd = '.products-container';
var cnavig = '.pages .current span';
var prd = '.products-grid.row .item';
var current = 'current';
var scroll_prod = false;
var parent_url = '';
$(nav).hide();
$(window).scroll(function() {
				 if(!scroll_prod) {
				 var offset = $(last_prd).offset().top;
				 var height = $(last_prd).height();
				 if($(this).scrollTop() > (offset - height)) {
								 scroll_prod = true;
	
								 if($(cnavig).closest('li').next().length) {
												 var url = $(cnavig).closest('li').next().find('a').attr('href') + '&only_body=1';
											
			 if(parent_url != url) {
																 $.get(url, function(html) {
																 html = $('<div>').html(html);
															
																 $(wrap_prd).append($(html).find('.products .products-container .products-grid'));
																 $(cnavig).closest('li').removeClass(current).next().addClass(current);
																 scroll_prod = false;
																 }, 'text');
												 }
								 }
				 }
				 }
});
});





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных