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


Автоматическая Прокрутка

прокрутка мобильная

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

#1 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 21 Октябрь 2019 - 09:22

Нужно следующее:
на мобильных устройствах при переходе непостредственно на страницу товара автоматически скролилось до названия товара с тегом H1.
А на странице со списком товаров тоже скролилось до начала списка товаров соответственно.

#2 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2019 - 07:44

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script type="text/javascript">
$(function(){
  if(getClientWidth() < 481){
	$('html,body').animate({
		scrollTop: $(window).scrollTop() + 207
	});
  }
});
</script>

В шаблоне Товары в самом конце вставьте:
<script>
$(function(){
  if(getClientWidth() < 481){
	$('html,body').animate({
		scrollTop: $("#page-title").offset().top
	});
  }
});
</script>


#3 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 28 Ноябрь 2019 - 10:32

Просмотр сообщенияVaccina (19 Ноябрь 2019 - 07:44) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - в самом конце вставьте:
<script type="text/javascript">
$(function(){
if(getClientWidth() < 481){
$('html,body').animate({
	 scrollTop: $(window).scrollTop() + 207
});
}
});
</script>

В шаблоне Товары в самом конце вставьте:
<script>
$(function(){
if(getClientWidth() < 481){
$('html,body').animate({
	 scrollTop: $("#page-title").offset().top
});
}
});
</script>
Всё отлично работает, прокручивает как нужно.
Спасибо большое!

#4 status321

status321

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

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

Отправлено 09 Январь 2024 - 04:31

Доброе утро.Помогите реализовать Подгружать страницы при прокрутке как в шаблоне Вечность.Аккаунт SL-529065

#5 status321

status321

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

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

Отправлено 10 Январь 2024 - 12:13

Добрый день. Помощь будет?

#6 status321

status321

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

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

Отправлено 11 Январь 2024 - 18:50

Добрый вечер. Куда все пропали?

#7 status321

status321

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

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

Отправлено 21 Январь 2024 - 10:52

10 дней тишины!!!

#8 status321

status321

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

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

Отправлено 22 Январь 2024 - 12:17

Добрый день,Помощь будет?

#9 Vaccina

Vaccina

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

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

Отправлено 25 Январь 2024 - 01:18

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

Простите за ожидание, зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
	 {% ENDIF %}
	 </div>
	</div>
	<!-- END Вывод товаров -->

замените на:
	 {% ENDIF %}
	 </div>
	</div>
	<!-- END Вывод товаров -->
		 <!-- Ссылки постраничной навигации для бесконечного скролла -->
	{% IF show_pages %}
	 <div class="pagination" style="display:none;">
		<span class="pp-title">Страницы:</span>
		{% FOR goods_pages %}
		 {% IF goods_pages.CURRENT %}
			<span class="pp-page pp-current">{goods_pages.PAGE}</span>
		 {% ELSE %}
			<a class="pp-page" href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
		 {% ENDIF %}
		{% ENDFOR %}
		<div class="last_page">{GOODS_PAGES_LAST} </div>
	 </div>
	{% ENDIF %}
<!-- /Ссылки постраничной навигации для бесконечного скролла -->
<!-- Запоминаем сколько всего есть страниц в каталоге -->
<script type="text/javascript">
var infiniteScrollLastPage = "{GOODS_PAGES_LAST}";
$(function () { initInfinite(); });
</script>

Далее зайдите в шаблон main.js - в самом конце вставьте:
 function initInfinite() {
//Подгрузка товаров в каталоге
$(function(){
var $container = $('.products-grid');

var lastPage = 1;
var pagesNum = $("div.pagination").find(".last_page").text(); // Количество страниц

$container.infinitescroll({
	navSelector : '.pagination',	// класс элемента постраничной навигации
	nextSelector : '.pagination a', // класс элемента постраничной навигации, ссылка на следующую страницу
	itemSelector : '.item',	 // класс элементов, которые будем извлекать
	loading: {
		msgText: 'Пожалуйста подождите...',
		finishedMsg: 'Больше нет товаров.'
	 }
	},
	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');
	 }
		lozad().observe();
	}
);
});
}; 

Далее зайдите в forall.js - в самом конце вставьте код из файла(открывать в блокноте).
Прикрепленный файл  forall.txt   26,75К   5 Количество загрузок:

#10 status321

status321

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

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

Отправлено 25 Январь 2024 - 11:00

Добрый день.Получилось не очень.Посмотрите скрины.На первом товары не в своем подразделе и не открылись,на втором внизу показаны номера страницы

Прикрепленные изображения

  • 1.png
  • 2.png


#11 status321

status321

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

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

Отправлено 12 Февраль 2024 - 12:49

Добрый день. Когда будет помощь?

#12 status321

status321

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

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

Отправлено 16 Февраль 2024 - 09:05

Тишина! Когда будет помощь?





Темы с аналогичным тегами прокрутка, мобильная

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

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