Как сделать переадресацию к якорю?

Question

[s0pran0]

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



У каждой карточки товара есть ссылка на страницу товара в раздел характеристики.

"<a href="<?php echo $product['href']; ?>#tab-specification" class="all_feautures">Все характеристики</a>"

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

Скрипт табов

/*
    // 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();
            }
        });
    });

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

Comments

[Алексей Уколов]

Так и переадресовать - добавив хэш к URL.
А дальше уже ваш плагин табов, о котором вы ни слова не написали, должен открыть требуемый при рендере.

[s0pran0]

Хеш есть, просто он перенаправляет не на характеристики, а на описание.

[Алексей Уколов]

А дальше уже ваш плагин табов, о котором вы ни слова не написали, должен открыть требуемый при рендере.

[s0pran0]

Алексей Уколов,

" /*
// 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();
}
});
});
"

вот код табов

[Алексей Уколов]

Спасибо, конечно, но его нужно добавить в вопрос нормально оформленным.

[s0pran0]

Алексей Уколов, Извиняюсь, поправил.