blocks|key|2509801|text|这应该是可行的:修改add_to_cart.php文件以|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2509802|echo+apply_filters(+'woocommerce_loop_add_to_cart_link',
sprintf(+'<a+href="%25s"+rel="nofollow"+data-product_id="%25s"+data-product_sku="%25s"+class="button+%25s+product_type_%25s">%25s+%25s</a>',
++++esc_url(+$product->add_to_cart_url()+),
++++esc_attr(+$product->id+),
++++esc_attr(+$product->get_sku()+),
++++$product->is_purchasable()+?+'add_to_cart_button'+:+'',
++++esc_attr(+$product->product_type+),
++++$product->get_price_html(),
++++esc_html(+$product->add_to_cart_text()+)
),
$product+);|code-block|syntax|javascript|2509803|价格将显示在“添加到购物车”文本的前面。|2509804|编辑:您应该注意到，更新woocommerce插件将撤消该操作以及您对任何文件所做的任何其他修改。|2509805|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This should work: modify the add_to_cart.php file to 

<pre><code>echo apply_filters( 'woocommerce_loop_add_to_cart_link',
sprintf( '&lt;a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="button %s product_type_%s"&gt;%s %s&lt;/a&gt;',
 esc_url( $product-&gt;add_to_cart_url() ),
 esc_attr( $product-&gt;id ),
 esc_attr( $product-&gt;get_sku() ),
 $product-&gt;is_purchasable() ? 'add_to_cart_button' : '',
 esc_attr( $product-&gt;product_type ),
 $product-&gt;get_price_html(),
 esc_html( $product-&gt;add_to_cart_text() )
),
$product );
</code></pre>

and the price will display in front of the "Add to cart" text.

EDIT: You should note that updating the woocommerce plugin will undo that and any other modification you have made to any of the files.

blocks|key|40213|text|WooCommerce+3.1.0更新了添加到购物车按钮的功能|type|unstyled|depth|inlineStyleRanges|entityRanges|data|40214|apply_filters(+'woocommerce_loop_add_to_cart_link',
sprintf(+'<li><a+href="%25s"+rel="nofollow"+data-product_id="%25s"
++++data-product_sku="%25s"+class="btn-filled+cart+add-to-cart+%25s
++++product_type_%25s"><i+class="fa+fa-shopping-cart"+></a></li>',
++++esc_url(+$product->add_to_cart_url()+),
++++esc_attr(+isset(+$quantity+)+?+$quantity+:+1+),
++++esc_attr(+$product->get_id()+),
++++esc_attr(+$product->get_sku()+),
++++esc_attr(+isset(+$class+)+?+$class+:+'button'+),
++++esc_html(+$product->add_to_cart_text()+)
),
$product+);+|code-block|syntax|javascript|40215|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

WooCommerce 3.1.0 updated the Functions for Add to Cart Button

<pre><code>apply_filters( 'woocommerce_loop_add_to_cart_link',
sprintf( '&lt;li&gt;&lt;a href="%s" rel="nofollow" data-product_id="%s"
 data-product_sku="%s" class="btn-filled cart add-to-cart %s
 product_type_%s"&gt;&lt;i class="fa fa-shopping-cart" &gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;',
 esc_url( $product-&gt;add_to_cart_url() ),
 esc_attr( isset( $quantity ) ? $quantity : 1 ),
 esc_attr( $product-&gt;get_id() ),
 esc_attr( $product-&gt;get_sku() ),
 esc_attr( isset( $class ) ? $class : 'button' ),
 esc_html( $product-&gt;add_to_cart_text() )
),
$product ); 
</code></pre>

blocks|key|2720306|text|如果你想在未来的Woocommerce升级中保持(某种程度上)安全，那就关注the+official+safe+way+to+do+it+(谢谢Felix)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2720307|将add-to-cart.php复制到名为/woocommerce的主题中的目录中，保持相同的文件结构，但删除/templates/子目录。|style|CODE|2720308|示例:要覆盖管理员订单通知，请将：wp-content/plugins/woocommerce/templates/emails/admin-new-order.php复制到wp-content/themes/yourtheme/woocommerce/emails/admin-new-order.php|2720309|以下是Woocommerce+3.3.0的更新文件：|2720310|<?php
/**
+*+Loop+Add+to+Cart
+*
+*+This+template+can+be+overridden+by+copying+it+to+yourtheme/woocommerce/loop/add-to-cart.php.
+*
+*+HOWEVER,+on+occasion+WooCommerce+will+need+to+update+template+files+and+you
+*+(the+theme+developer)+will+need+to+copy+the+new+files+to+your+theme+to
+*+maintain+compatibility.+We+try+to+do+this+as+little+as+possible,+but+it+does
+*+happen.+When+this+occurs+the+version+of+the+template+file+will+be+bumped+and
+*+the+readme+will+list+any+important+changes.
+*
+*+@see+++++++++https://docs.woocommerce.com/document/template-structure/
+*+@author++++++WooThemes
+*+@package+++++WooCommerce/Templates
+*+@version+++++3.3.0
+*/
if+(+!+defined(+'ABSPATH'+)+)+{
++++exit;
}
global+$product;
echo+apply_filters(+'woocommerce_loop_add_to_cart_link',+//+WPCS:+XSS+ok.
++++sprintf(+'<a+href="%25s"+data-quantity="%25s"+class="%25s"+%25s><span+style="color:#bb0d00;">%25s+&nbsp;&nbsp;<span+style="color:#999;">%7C&nbsp;&nbsp;+%25s</a>',
++++++++esc_url(+$product->add_to_cart_url()+),
++++++++esc_attr(+isset(+$args['quantity']+)+?+$args['quantity']+:+1+),
++++++++esc_attr(+isset(+$args['class']+)+?+$args['class']+:+'button'+),
++++++++isset(+$args['attributes']+)+?+wc_implode_html_attributes(+$args['attributes']+)+:+'',
++++++++$product->get_price_html(),
++++++++esc_html(+$product->add_to_cart_text()+)
++++),
$product,+$args+);
?>|code-block|syntax|javascript|2720311|当然，设置按钮的样式或修改其内容完全由您决定，并不限于显示产品价格。|2720312|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.woocommerce.com/document/template-structure/^0|12|U|0|0|1|F|L|C|1J|B|0|H|1V|2F|1U|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@$A|15|B|16|F|G]|$A|17|B|18|F|G]|$A|19|B|1A|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|1B|8|@$A|1C|B|1D|F|G]|$A|1E|B|1F|F|G]]|9|@]|C|$]]|$1|J|3|K|5|6|7|1G|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|1H|8|@]|9|@]|C|$O|P]]|$1|Q|3|R|5|6|7|1I|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1J|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

If you want to be (somewhat) safe from a future Woocommerce upgrade, follow <a href="https://docs.woocommerce.com/document/template-structure/" rel="nofollow noreferrer">the official safe way to do it</a> (thank you Felix).

Copy <code>add-to-cart.php</code> into a directory within your theme named <code>/woocommerce</code> keeping the same file structure but removing the <code>/templates/</code> subdirectory.

Example: To override the admin order notification, copy: <code>wp-content/plugins/woocommerce/templates/emails/admin-new-order.php</code> to <code>wp-content/themes/yourtheme/woocommerce/emails/admin-new-order.php</code>

Here is the file updated for Woocommerce 3.3.0 : 

<pre><code>&lt;?php
/**
 * Loop Add to Cart
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/loop/add-to-cart.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see https://docs.woocommerce.com/document/template-structure/
 * @author WooThemes
 * @package WooCommerce/Templates
 * @version 3.3.0
 */
if ( ! defined( 'ABSPATH' ) ) {
 exit;
}
global $product;
echo apply_filters( 'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
 sprintf( '&lt;a href="%s" data-quantity="%s" class="%s" %s&gt;&lt;span style="color:#bb0d00;"&gt;%s&lt;/span&gt; &amp;nbsp;&amp;nbsp;&lt;span style="color:#999;"&gt;|&lt;/span&gt;&amp;nbsp;&amp;nbsp; %s&lt;/a&gt;',
 esc_url( $product-&gt;add_to_cart_url() ),
 esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
 esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
 isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
 $product-&gt;get_price_html(),
 esc_html( $product-&gt;add_to_cart_text() )
 ),
$product, $args );
?&gt;
</code></pre>

Of course, styling the button or modificating its content is entirely up to you and isn't limited to show the product price.

I'm trying to add the price to the add to cart button in the loop.

[100$ Add to cart] instead of [Add to cart]

add_to_cart.php template:

<pre><code>echo apply_filters( 'woocommerce_loop_add_to_cart_link',
 sprintf( '&lt;a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="tiny button %s product_type_%s"&gt;%s&lt;/a&gt;',
 esc_url( $product-&gt;add_to_cart_url() ),
 esc_attr( $product-&gt;id ),
 esc_attr( $product-&gt;get_sku() ),
 $product-&gt;is_purchasable() &amp;&amp; $product-&gt;is_in_stock() ? 'add_to_cart_button' : '',
 esc_attr( $product-&gt;product_type ),
 esc_html( $product-&gt;add_to_cart_text() )
 ),
$product );
</code></pre>

price.php template: 

<pre><code>&lt;?php if ( $price_html = $product-&gt;get_price_html() ) : ?&gt;
 &lt;span class="price"&gt;&lt;?php echo $price_html; ?&gt;&lt;/span&gt;
&lt;?php endif; ?&gt;
</code></pre>

How do I combine these two? Couldn't find anything on the web.

WooCommerce display price on add to cart button

我正在尝试将价格添加到循环中的add to cart按钮。100美元添加到购物车，而不是添加到购物车add_to_cart.php模板：echo apply_filters( 'woocommerce_loop_add_to_cart_link', sprintf( '<a href="%s" rel="nofo...

问WooCommerce在添加到购物车按钮上显示价格
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WooCommerce在添加到购物车按钮上显示价格EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WooCommerce在添加到购物车按钮上显示价格
EN