DARTHARTH

Якоря ссылок в OpenCart

В OpenCart 2.3 если вы захотите проставить обычную ссылку-якорь в тексте статьи то вас будет ждать сильный облом — при клике на подобную ссылку вас перекинет на главную страницу сайта. При этом добавление к ссылке слеша тоже не поможет

<a href="/#id">link</a>

Причина в строке

<base href="<?php echo $base; ?>" />

файла header.tpl. Однако не нужно удалять её бездумно. В этом случае собьются все пути скриптов, стилей и вообще сайт будет выглядеть очень уныло)) В одной из тем на тему якорей на опенкарт форуме посоветовали подобный скрипт, который вполне работает

<script type="text/javascript" >
   $('.samovyvoz').click(function(){
      var target = $(this).attr('href');
	$('html, body').animate({scrollTop: $(target).offset().top}, 800);
      return false;
   });
</script >

Для ссылок-якорей необходимо добавить класс, в примере выше это «samovyvoz».

Поделиться страницей в

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll Up