如何在单一产品页面上创建附加按钮

时间:2017-10-16 作者:user129727

我可以使用以下功能在单个产品页面上创建其他自定义按钮。第一个-我的按钮使用产品属性。如果属性id为“custom_button“值为”yes“然后在信号产品页面上显示自定义按钮,如果值为”no“隐藏在产品页上的按钮。第二个-自定义按钮名称为属性id”custom_button_name“值=Button Text. 第三个-自定义按钮url是属性id“custom_button_url“值=”http://www.websiteurl.com“单击按钮打开新选项卡时

我在magento网站上创建了自定义按钮,代码如下。此代码与产品属性一起使用如何在woocommerce中使用此代码

<?php if($_product->getCustom_button()){ //yes or no button?>

<button type="button" title="<?php echo $_product>getCustom_button_name() ;?>"

class="action primary tocart"

onclick="window.open(\'<?php echo $_product>getCustom_button_url() ;?>\')">

<span><span><i class="icon-desktop"></i>

<?php echo $_product->getCustom_button_name() ;?></span></span>

</button>
<?php } ?>

1 个回复
SO网友:Jesse Vlasveld

要实现这样的目标,您应该更改woocommerce_after_shop_loop_item 挂钩,即添加到购物车按钮的位置。

要用自定义行为替换它,首先要删除按钮,然后在其位置添加自定义按钮。

add_action( \'init\', \'remove_add_to_cart_button\' );
function remove_add_to_cart_button() {
    remove_action( \'woocommerce_after_shop_loop_item\', \'woocommerce_template_loop_add_to_cart\', 10 );
}

add_action( \'woocommerce_after_shop_loop_item\', \'new_add_to_cart_button\' );
function new_add_to_cart_button() {
    // Your button code.
}
您可以在此处找到有关WooCommerce挂钩的更多信息:https://docs.woocommerce.com/wc-apidocs/hook-docs.html.

结束

相关推荐