购物车按钮的 woocommerce 代码

Posted

技术标签:

【中文标题】购物车按钮的 woocommerce 代码【英文标题】:woocommerce code for cart button 【发布时间】:2014-05-05 22:59:05 【问题描述】:

我需要将 woocommerce 购物车按钮添加到我的一个页面,并且想知道是否有人可以帮助编写调用购物车按钮所需的代码。这是当前代码:

<?php woocommerce_product_loop_start(); ?>

<?php woocommerce_product_subcategories(); ?>

<?php while ( have_posts() ) : the_post(); ?>
<div id="product-image1">
<a href="<?php echo esc_url( get_permalink( $product->id ) ); ?>" title="<?php echo esc_attr( $product->get_title() ); ?>">
  <?php echo $product->get_image(); ?>
</a>
</div>
<div id="product-description-container">
  <ul>
  <a href="<?php echo esc_url( get_permalink( $product->id ) ); ?>" title="<?php echo esc_attr( $product->get_title() ); ?>">
    <li><h4><?php echo $product->get_title(); ?></h4></li></a>
    <li><?php echo apply_filters( 'woocommerce_short_description', $post->post_excerpt )?></li>
    <li><h6><?php echo $product->get_price_html(); ?>  **MISSING CODE TO ADD TO CART BUTTON HERE**</h6></li>
 </ul>
</div>
<?php endwhile; // end of the loop. ?>

【问题讨论】:

【参考方案1】:

我想你可能需要以下代码。

将此代码添加到您的位置 = (**MISSING CODE TO ADD TO CART BUTTON HERE**)。

global $product;

echo apply_filters( 'woocommerce_loop_add_to_cart_link',
    sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="button %s product_type_%s">%s</a>',
        esc_url( $product->add_to_cart_url() ),
        esc_attr( $product->get_id() ),
        esc_attr( $product->get_sku() ),
        $product->is_purchasable() ? 'add_to_cart_button' : '',
        esc_attr( $product->get_type() ),
        esc_html( $product->add_to_cart_text() )
    ),
$product );

希望这会有所帮助。

【讨论】:

谢谢!!像手套一样工作! $product->id 现在应该替换为 $product->get_id() 和 $product->product_type 替换为 $product->get_type(),否则会出错。 如果我将 get_price_html 放在此代码之前,我会遇到致命错误,知道为什么吗? 点击后如何将文字添加到购物车更改为添加到购物车?

以上是关于购物车按钮的 woocommerce 代码的主要内容,如果未能解决你的问题,请参考以下文章

购物车按钮的 woocommerce 代码

Woocommerce:检测单击“添加到购物车”按钮的位置并运行不同的代码

在 Woocommerce 中的产品自定义循环上启用 Ajax 添加到购物车按钮

Woocommerce 中的迷你购物车数量变化

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

基于产品类型的 WooCommerce 的“添加到购物车”按钮旁边的自定义按钮