wordpress外贸建站教程：禁用产品页面的购物车

之前遇到一个客户需求，他们想修改woocommerce产品详情页默认的购物按钮部分的位置，原来是显示在产品简短描述后面，现在他们想显示在上面。这种需求在有些主题或编辑器中很好实现，比如Blocksy主题就可以在自定义设置中直接拖动调位置，如果你的产品详情页是使用的elementor定制的，那么也可以比较容易的修改，直接在详情页模板中拖动位置即可。

但是客户的网站不行，他们使用的是一个我也没听说过的wordpress主题，产品详情页是主题的默认样式，不支持直接编辑，要编辑的话就只能修改代码了，但修改主题代码有风险且麻烦。

所以我使用以下面的方法：

步骤一：禁用产品页默认购物模块

// 禁用单个产品页面的“加入购物车”按钮
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

把上面的代码直接添加到 wp code插件或主题的functions.php文件中。它会直接删除禁用详情页中默认的产品购物部分。

步骤二：使用Elementor添加add to cart模块

在主题的产品详情页模板部分通过短代码插入Elementor模块，这一步是他们原来就做好的（之前的运维人员加上去的）。

所以我只需要编辑这个Elementor模板，拖一个add to cart模块进去放到其它内容的上页就可以了。

总结

一般情况下，这个需求遇到的比较少。如果真的这类需求，也最好在主题或编辑器支持的情况下再修改，如果不支持，且不熟悉的情况下，尽量少改动。另外步骤一的代码其实也可以用到B2B产品展示型网站的制作中，添加上面的代码后它会删除购物模块，正好用来制作展示型网站了。