Woocommerce将购物车风格添加为产品页面

Question

我正在尝试获取产品页面中数量和添加到购物车按钮的确切样式woocommerce。我似乎无法将其添加到产品图片旁边的普通页面。我正在使用木星5和＆＃34;加入购物车＆＃34;短代码。附上的示例以及我希望它看起来像什么。请帮忙！

1. http://i.stack.imgur.com/JbAaf.png
2. http://i.stack.imgur.com/qXdTj.png

Answer 1

最后，您要在quantity buttons and field短代码中添加add to cart [add_to_cart]按钮之前的显示。

首先需要安装并启用jupiter子主题（jupiter5附带）。完成后，将woocommerce文件夹（位于jupiter5主题内）复制到子主题文件夹中。

重要提示：这些woocommerce模板已经（根本没有）由jupiter5团队定制。

您的商店简单商品页面用于显示quantity + add to cart fields and buttons以下woocommerce模板：

• 单品/添加到购物车/ simple.php

• 单品/添加到购物车/ quantity.php

"Add to cart"短代码使用另一种独特的woocommerce模板（无数量）：

• 环/添加到cart.php

因此，您需要在此模板中添加一些代码，使其与您的单个产品页面类似，并且它并不像您期望的那么容易。

有一些相关的链接（有些链接不是很有用，但它们可以提供帮助）：

• Override loop template and show quantities next to add to cart buttons

• Add the quantity field to the [add_to_cart] shortcode

• WooCommerce - Template add-to-cart.php with quantity and Ajax!

使用所有这些材料，并使用single-product/add-to-cart/quantity.php的html / php代码，您将能够继续前进，并以这种新方式更新您的问题，展示您所做的，有效的和无用的。吨...