Question

我正在尝试修改我的Woocommerce产品页面，以便我在定价下面有一个超链接文本，该文本将向下移动到页面中的标签，并另外打开该标签。

我已经在我的子主题的functions.php文件中输入了带有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>';
}

它出现在产品页面上，如下所示： enter image description here

点击此部分时会链接，但我希望点击后以蓝色打开标签： enter image description here

从我可以收集的内容来看，它需要在javascript中创建一个函数，但我没有使用javascript。有关实现这一目标的任何指导吗？

非常感谢！

Answer 1

我想通了!! This tutorial正是我需要解决的问题。

这是我添加到我网站的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是我分配给超链接文字以便点击顶部的ID。

#product-page-tabs是我分配给标签div的ID。

.wpc_comment_tab_tab是我有兴趣打开的标签的类。

可点击链接中的href已更改为＃而不是我在原始php中的标签ID。

我希望这可以帮助别人！

如何链接到选项卡式部分并打开选项卡内容？

1 个答案: