Как мне перейти к разделу с вкладками и открыть вкладку контента? - PullRequest
Новая
       8

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

0 голосов
/ 23 мая 2018

Я пытаюсь изменить страницу своего продукта Woocommerce, чтобы у меня был текст с гиперссылкой по ценам, который переместит страницу вниз на вкладку в разделе и дополнительно откроет эту вкладку.

Iввел текст с гиперссылкой с php в файл functions.php моей дочерней темы: 

add_action('woocommerce_single_product_summary', 'write_a_review_link', 10 );
function write_a_review_link() {
  echo '<a href="#x-legacy-tab-2" class="write-a-review">Share Your Experience With These Shoes</a><br>';
}

Он появляется на странице продукта следующим образом: введите описание изображения здесь

Он ссылается при нажатии на этот раздел, но я бы хотел, чтобы он щелкнул по вкладке синим цветом: введите описание изображения здесь

Из того, что я могу собрать, требуется создатьфункция в JavaScript, но я не имел опыта работы с JavaScript.Любое руководство здесь, чтобы это произошло?

Большое спасибо!

1 Ответ

0 голосов
/ 23 мая 2018

Я понял это !! Этот урок был именно тем, что мне нужно, чтобы понять его.

Вот jQuery, который я добавил на свой сайт: 

jQuery(function ($) {


var open_accordion_anchor = $('#open-tab-discussions a');
open_accordion_anchor.on('click', function(event){
    $('#product-page-tabs .wpc_comment_tab_tab a').click();
    $("html, body").animate({ scrollTop: $('#product-page-tabs').offset().top }, 1000);
});

});

#open-tab-discussions - это идентификатор, который яприсвоенный гиперссылке текст, чтобы щелкнуть вверху.

#product-page-tabs - это идентификатор, который я назначил вкладке div.

.wpc_comment_tab_tab - это класс вкладки, в котором я заинтересованоткрытие.

Значение ссылки в кликабельной ссылке было изменено на # вместо идентификатора вкладки, как у меня в исходном php.

Надеюсь, это может помочь кому-то еще!

...