@s0pran0

Как сделать переход к якорю в табе на другой странице?

Как переадресовать к якорю в табе?
На странице товара есть таб с 3 вкладками и соответственно с 3 якорями.

5ffdea09f35c7474427958.png

У каждой карточки товара есть ссылка на страницу товара во вкладку характеристики.
<a href="<?php echo $product['href']; ?>#tab-specification" class="all_feautures">Все характеристики</a>


5ffdeb72d4497651578636.png

Нужно чтобы при нажатии на ссылку переходило на страницу товара в таб характеристики, а переходит на страницу товара, но в описание...

Скрипт табов

/*
    // product tabs
    */
    $(function () {
        $('.product-tabs').each(function (i, element) {
            const list = $('.product-tabs__list', element);

            list.on('click', '.product-tabs__item', function (event) {
                event.preventDefault();

                const tab = $(this);
                const pane = $('.product-tabs__pane' + $(this).attr('href'), element);

                if ($(element).is('.product-tabs--stuck')) {
                    window.scrollTo(0, $(element).find('.product-tabs__content').offset().top - $(element).find('.product-tabs__list-body').outerHeight() + 2);
                }

                if (pane.length) {
                    $('.product-tabs__item').removeClass('product-tabs__item--active');
                    tab.addClass('product-tabs__item--active');

                    $('.product-tabs__pane').removeClass('product-tabs__pane--active');
                    pane.addClass('product-tabs__pane--active');
                }
            });

            const currentTab = $('.product-tabs__item--active', element);
            const firstTab = $('.product-tabs__item:first', element);

            if (currentTab.length) {
                currentTab.trigger('click');
            } else {
                firstTab.trigger('click');
            }

            if ($(element).is('.product-tabs--sticky')) {
                let stuckWhen = null;
                let fixedWhen = null;

                function calc() {
                    stuckWhen = list.offset().top + list.outerHeight();
                    fixedWhen = $(element).find('.product-tabs__content').offset().top - $(element).find('.product-tabs__list-body').outerHeight() + 2;
                }

                function onScroll() {
                    if (stuckWhen === null || fixedWhen === null) {
                        calc();
                    }

                    if ( window.pageYOffset >= stuckWhen ) {
                        $(element).addClass('product-tabs--stuck');
                    } else if (window.pageYOffset < fixedWhen) {
                        $(element).removeClass('product-tabs--stuck');
                        $(element).removeClass('product-tabs--header-stuck-hidden');
                    }
                }

                window.addEventListener('scroll', onScroll, passiveSupported ? {passive: true} : false);

                $(document).on('stroyka.header.sticky.show', function(){
                    $(element).addClass('product-tabs--header-stuck');
                    $(element).removeClass('product-tabs--header-stuck-hidden');
                });
                $(document).on('stroyka.header.sticky.hide', function(){
                    $(element).removeClass('product-tabs--header-stuck');

                    if ($(element).is('.product-tabs--stuck')) {
                        $(element).addClass('product-tabs--header-stuck-hidden');
                    }
                });
                $(window).on('resize', function() {
                    stuckWhen = null;
                    fixedWhen = null;
                });

                onScroll();
            }
        });
    });


и вот разметка

5ffdebd420577968709408.png
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега HTML
Пока ты спишь - твой конкурент совершенствуется
тебе нужно при загрузке страницы ловить location.hash и в зависимости от hash вызвать переключение таба на нужный
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы