javascript - 如何从页面上的特定元素创建 HTML 链接

Question

所以我正在尝试制作一个网站，并在网站的产品页面上自定义编码了一个附加按钮。现在该按钮出现在所有产品页面上，而在后端，我只能指定一个链接。我希望它根据我使用的产品而有所不同。

有什么方法可以获取商品的产品 ID 或获取链接，然后在后端，我可以将其动态化，这样链接将基于我所在的产品页面？

例如本页:http://thefutureofjewelry.com/product/capital-a-charm/

我放置了自定义按钮(360 按钮)，但它只链接到我指定的一个文件。我可以使链接在基于产品代码的意义上是动态的吗？因此每个页面上的链接都会不同。

这可能吗？或者是否有更好的解决方法？

Answer 1

更新:我能够完成它!如果有人感兴趣或将来可能需要帮助!

add_action( 'woocommerce_single_product_summary', 'my_extra_button_on_product_page', 30 );

function my_extra_button_on_product_page() {
   global $product;
   $prodid = esc_attr($product->get_id());
   $produrl = 'http://thefutureofjewelry.com/wp-content/uploads/360videos/'.$prodid.'/';
   echo '<a data-fancybox="gallery" href="'.$produrl.'"><img border="0" alt="360 View" src="http://thefutureofjewelry.com/wp-content/uploads/2018/04/360_Icon.png" width="50" height="50"></a>';
}