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

[РЕШЕНО] Ссылка на отзывы с переключением вкладки

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

Как сделать ссылку на отзывы из категории товаров (при нажатии на рейтинг), чтобы открывалась вкладка отзывов.

 

Сделал сейчас так:

<a href="<?php echo $product['href']; ?>#tabs"><img src="/image/data/main/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></a>

 

Результат:

открывается страница товара и перекидывает вниз до вкладок с описанием и отзывом, но вкладка не переключается.

 

Как сделать, чтобы вкладка открывалась?

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


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

Вставить в product.tpl

<script type="text/javascript">
    $(function () {
        var hash = $.trim( window.location.hash );
        if (hash) $('#tabs a[href$="'+hash+'"]').trigger('click');
    });
</script>

в category.tpl в ссылку с рейтинга дописать якорь #tab-review

<a href="<?php echo $product['href']; ?>#tab-review">
  • +1 1

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


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

Приблизительно так

<script>
var hash = location.hash;
$('#tab a[href="#'+hash+'"]').click();
</script>
  • +1 1

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


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

Хм... Не сработало...

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


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

Блин... что не сработало?

  • +1 1

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


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

Не переключает вкладку.

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


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

а как выглядит ссылка?

  • +1 1

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


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

ссылка

<a href="#tabs"><img src="image/data/main/stars-5.png" alt="63"></a>

 

 

код в шаблоне продукта

<script>
var hash = location.hash;
$('#tabs a[href=#'+hash+']').click();
</script>

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


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

так

 

в category.tpl в ссылку с рейтинга дописать якорь #tab-review

 

А у Вас какой якорь?

  • +1 1

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


Ссылка на сообщение
Поделиться на другие сайты
<script type="text/javascript">

    $(function () {

        var hash = $.trim( window.location.hash );

        if (hash) $('#tabs a[href$=#tab-review]').trigger('click');

    });

</script>

 

ВСЕ РАБОТАЕТ! Была ошибка в VQMod (не туда встроил этот код)

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


Ссылка на сообщение
Поделиться на другие сайты
http://lr-nabor.ru/zdorovye/aloe-vera-pitevoy-gel-med#tab-review
вот работает Изменено пользователем afwollis
  • +1 1

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


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

 

Вставить в product.tpl

<script type="text/javascript">
    $(function () {
        var hash = $.trim( window.location.hash );
        if (hash) $('#tabs a[href$="'+hash+'"]').trigger('click');
    });
</script>

в category.tpl в ссылку с рейтинга дописать якорь #tab-review

<a href="<?php echo $product['href']; ?>#tab-review">

Добрый день.  Спасибо вам, всё работает. Но у меня есть еще один вопрос. Как можно сделать, чтобы ссылка показывала отзывы для каждого товара в отельности?

 

Ну например я сделал так:

                <div class="Vid a">

                <a href="http://home.lc/producia1#tab-review target="">Отзывы</a>

               </div>

 

Кнопка отображается на всех товарах, а переходит только на один, который указан в href. Как можно сделать относительную ссылку, чтобы не надо было прописывать для каждого товара в отдельности?

 

Заранее благодарен.

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


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

Странно, работает как-то через раз )

 

Я только начинаю изучать, но уже интересно и много не понятно конечно )

 

Подскажите, пожалуйста, где я допустил ошибку?

 

В файл /catalog/view/theme/default/template/product/category.tpl     вставляю:

 

<a href="<?php echo $product['href']; ?>#tab-review">  перед <div class="rating">

 

 

А в /catalog/view/theme/default/template/product/product.tpl   вставляю:

 

//--></script>
<script type="text/javascript">
    $(function () {
        var hash = $.trim( window.location.hash );
        if (hash) $('#tabs a[href$=#tab-review]').trigger('click');
    });
//--></script>

 

Перед вот этим скриптом:

 

//--></script>

<script type="text/javascript"><!--

$('#tabs a').tabs();

//--></script>

 

Ссылка работает, если переходить на нее с адресной строки. Сразу опускается страница и открывается отзыв. Но если просто перейти на продукт, и нажать на ссылку:

 

  <div class="product-info">
  <div class="Vid a">
     <a href="/procuct1#tab-review" >Отзывы</a>
   </div>

 

То ничего не происходит. Если сначала открыть отзыв, подняться вверх и нажать на ссылку, тогда опуститься, а сразу без этих действий не работает.

В чем может быть проблема? И в правильные места я вставляю код?

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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