Перейти к содержанию

Рекомендуемые сообщения

Ребята, научите, плиз. Как ставить внутристраничные якоря о ocstore/

Метод 

 <a href="#kuk">ссылка</a>
<a name="kuk">нужное место </a>

не работатет

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
17 минут назад, Will сказал:

Ребята, научите, плиз. Как ставить внутристраничные якоря о ocstore/

Метод 

 <a href="#kuk">ссылка</a>
<a name="kuk">нужное место </a>

не работатет

 

вместо <a name="kuk">нужное место </a> попробуйте использовать <a id="kuk">нужное место </a>

Изменено пользователем Gann

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Gann, у меня, если честно, даже <a href="#kuk">ссылка</a> не получается прописать в редакторе. Она исчезает..

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, Will сказал:

Gann, у меня, если честно, даже <a href="#kuk">ссылка</a> не получается прописать в редакторе. Она исчезает..

надо войти в режим кода, вставить, потом выйти из режима кода и сохранить

ну или просто в меню "вставить ссылку" :) 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, Will сказал:

Gann, у меня, если честно, даже <a href="#kuk">ссылка</a> не получается прописать в редакторе. Она исчезает..

 

какая версия движка?

редактор какой установлен по умолчанию? в Система - настройки - сервер - визуальный редактор по умолчанию

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Blade, она в режиме кода исчезает, после сохранения

 

 

Изменено пользователем Will

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 minutes ago, Gann said:

 

какая версия движка?

редактор какой установлен по умолчанию? в Система - настройки - сервер - визуальный редактор по умолчанию

Версия ocStore 2.3.0.2.2

Summer Note

PS

Редактор сменила на CKEditor

ссылки-якоря сохраняются, но не работают

перекидывает на страницу site.ru/#kuk

и с id, и с name пробовала

Изменено пользователем Will

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
22 минуты назад, Will сказал:

перекидывает на страницу site.ru/#kuk

 

В вашем случае: указывайте полный адрес и всё. Т.е. если нужна навигация по странице с урлом site.ru/stranica1/stranica2,

то <a href="http://site.ru/stranica1/stranica2#kuk">ссылка</a>
<a id="kuk">нужное место </a>

Изменено пользователем Gann
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Gann, а как такой якорь на сео будет влиять? Получается страница сама на себя ссылается..

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, Will сказал:

Gann, а как такой якорь на сео будет влиять? Получается страница сама на себя ссылается..

 

никаких неприятностей не заметил по этому поводу :huh:

 

на крайний случай - rel="nofollow"

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проблема с якорями в OpenCart возникает из-за строчки <base href="<?php echo $base; ?>" /> в файле\catalog\view\theme\*\template\common\header.tpl

Если в остальных движках ее нет и там якорь подставляется автоматически в конец адреса страницы, например, site.ru/page.html#yakor то в OpenCart он подставляется сразу после названия сайта, т.е. site.ru/#yakor Кроме того, как я понял, во многих шаблонах табы, например, в товарах тоже работают по принципу якоря и если использовать стандартный jQuery-код прокрутки к якорю - то они конфликтуют.

 

Решить можно разными путями - через PHP или JS, но убирать <base href="<?php echo $base; ?>" /> думаю не стоит точно. У меня цель была создать оглавление с плавной прокруткой и т.к. шаблон без JavaScript в принципе не работает, то и нормальный якорь с полным адресом страницы нам не нужен, главное, чтобы работало оглавление и была плавная прокрутка. И чтобы не было конфликта с табами я использовал jQuery который ориентируется на класс, а не на #. Выглядит это так:

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

Сам якорь задается через id: 

<h2 id="yakor">Заголовок на который цепляем якорь</h2>

А ссылку на него в оглавлении указываем через <a href> с классом anchor:

<a class="anchor" href="#yakor">Ссылка из оглавления</a>

Если нужно дать ссылку с другой страницы или сайта на нужно место, просто указываете полную ссылку с якорем - это она будет работать по умолчанию, например, http://site.ru/page.html#yakor

 

На медаль не претендую, но тут такого варианта решения проблемы не нашел - может кому поможет, т.к. смотрю проблема распространенная.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.