所以我正在尝试制作一个网站,并在网站的产品页面上自定义编码了一个附加按钮。现在该按钮出现在所有产品页面上,而在后端,我只能指定一个链接。我希望它根据我使用的产品而有所不同。
有什么方法可以获取商品的产品 ID 或获取链接,然后在后端,我可以将其动态化,这样链接将基于我所在的产品页面?
例如本页:http://thefutureofjewelry.com/product/capital-a-charm/
我放置了自定义按钮(360 按钮),但它只链接到我指定的一个文件。我可以使链接在基于产品代码的意义上是动态的吗?因此每个页面上的链接都会不同。
这可能吗?或者是否有更好的解决方法?
最佳答案
更新:我能够完成它!如果有人感兴趣或将来可能需要帮助!
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>';
}
关于javascript - 如何从页面上的特定元素创建 HTML 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49838178/