我想在主要商店页面和单个产品页面上添加基于产品类型的WooCommerce"添加到购物车"按钮旁边的自定义按钮"查看演示".
我已经完成了这个步骤:
将代码添加到主题文件header.php:
<script>var url_demo = "<?php echo the_field('url_demo'); ?>"</script>
使用"TC Custom JavaScript"插件添加jQuery脚本:
jQuery(function($) {
$('.add_to_cart_button, .single_add_to_cart_button').after(' <a class="button demo_button" style="padding-right: 0.75em;padding-left: 0.75em;margin-left: 8px; background-color: #0ebc30;" href="'+url_demo+'" target="_blank">View Demo</a>');
});
这是工作,主店铺页面和单个产品页面上显示的自定义按钮"查看演示".
但我现在遇到一些问题,"查看演示"按钮链接仅在单个产品页面上正确,而在商店主页面上的"查看演示"按钮,链接到相同的网址.我的代码上面错了吗？
我的问题是,如何添加"查看演示"按钮(主商店页面和单个产品页面),仅显示特定产品类型,例如仅显示类别主题？最后,有没有其他方法添加演示链接而header.php不像上面的方法那样编辑文件？header.php如果主题更新,我只是期待文件重置.
启用 woocommerce 后，我们会在我们的电子商店上销售葡萄酒。
我想要一个额外的按钮，以便客户可以购买一箱葡萄酒（12 瓶）而不必选择qty= 12.
我想'add to cart'在每个单个产品页面上的按钮后面贴上按钮。
直到现在我还找不到确切的方法来做到这一点。
我在使用这个钩子添加到购物车按钮后添加一个按钮：
add_action( 'woocommerce_after_add_to_cart_button', array($this, 'add_button'));
但是当我点击那个按钮时，它正在执行添加到购物车按钮的功能。
如何自定义该按钮链接（到其他页面）？
提前致谢。