javascript - 如何将产品价格移动到添加到购物车按钮旁边

Question

我正在尝试将产品价格移动到添加到购物车按钮旁边。我尝试了以下方法，它将价格移动到按钮下方，而不是添加到购物车按钮旁边。有任何想法吗？

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 30 );

标签： javascriptcsswoocommercehook

Answer 1

通常，您会复制 woocommerce 模板并对其进行调整。

但如果这不可能，您可以尝试不同的方法。

我在这个例子中使用StoreFront WooCommerce 主题

找到 woocommerce 价格类名 - 我们有woocommerce-Price-amount

---

并通过添加 CSS 重新定位它style.css——在这种情况下，我们需要

position: absolute;
transform: translate(281px, 147px);

---