在 Woocommerce 中的产品摘要下方添加额外的添加到购物车按钮

Posted

技术标签:

【中文标题】在 Woocommerce 中的产品摘要下方添加额外的添加到购物车按钮【英文标题】:Adding Extra Add to cart button below product summary in Woocommerce 【发布时间】:2018-04-16 07:00:25 【问题描述】:

在 WooCommerce 中,我正在尝试在产品摘要下方添加一个额外的添加到购物车按钮。我成功地在此代码之后添加了一个适用于单个产品的额外按钮:

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

function custom_button_after_product_summary() 
  global $product;
  echo "<a href='".$product->add_to_cart_url()."'>add to cart</a>";

但如果产品是变体,它就不起作用。

请建议怎么做?

【问题讨论】:

【参考方案1】:

我重新审视了您的代码,并为可变产品添加了第二个挂钩函数:

// For Simple products
add_action( 'woocommerce_single_product_summary', 'second_button_after_product_summary', 30 );
function second_button_after_product_summary() 
    global $product;

    if( ! $product->is_type( 'variable' ) )
        echo '<button type="submit" name="add-to-cart" value="'. esc_attr( $product->get_id() ).'" class="single_add_to_cart_button button alt">'. esc_html( $product->single_add_to_cart_text() ).'</button>';


// For Variable products
add_action( 'woocommerce_single_variation', 'second_button_single_variation', 30 );
function second_button_single_variation() 
    global $product;

    echo '<br>
        <button type="submit" class="single_add_to_cart_button button alt">'. esc_html( $product->single_add_to_cart_text() ).'</button>';

代码进入您的活动子主题(或主题)的 function.php 文件或任何插件文件中。

您将在可变产品上获得此信息:

【讨论】:

我遵循了您的代码,尽管它在单击时输出了第二个按钮,但并未将产品添加到购物车中 按钮无法工作,因为它缺少动作属性。只需添加返回产品永久链接的操作。 action="'. esc_url( apply_filters( 'woocommerce_add_to_cart_form_action', $product-&gt;get_permalink() ) ); .' "【参考方案2】:

@LoicTheAztec 提供的答案是正确的,但它缺少按钮单击事件的操作属性。这是带有 action 属性的更正代码。

// For Simple products
add_action( 'woocommerce_single_product_summary', 'second_button_after_product_summary', 30 );
function second_button_after_product_summary() 
    global $product;

    if( ! $product->is_type( 'variable' ) )
        echo '<button type="submit" name="add-to-cart" value="'. esc_attr( $product->get_id() ).'" action="'.esc_url( apply_filters( 'woocommerce_add_to_cart_form_action', $product->get_permalink() ) ).'" class="single_add_to_cart_button button alt">'. esc_html( $product->single_add_to_cart_text() ).'</button>';

如果您使用的是外部产品或变体项目,请适当添加操作属性。请参考“plugins/woocommerce/templates/single-product/add-to-cart”

【讨论】:

以上是关于在 Woocommerce 中的产品摘要下方添加额外的添加到购物车按钮的主要内容,如果未能解决你的问题,请参考以下文章

在 WooCommerce 中的标题下方显示循环产品类别项目描述

根据 WooCommerce 中的自定义字段值将文本添加到订单摘要

如何在 Woocommerce 中的产品图片上添加热门属性(如销售)

Wordpress Woocommerce - 标题下方的可变产品价格

WooCommerce 在产品页面上显示节省的金额

php [显示产品属性存档链接]在产品页面上显示WooCommerce产品属性存档链接,位于添加到购物车b的正下方