更改添加到购物车按钮位置 woocommerce 存档页面

如果你正在使用 WooCommerce 店铺，你可能想要更改添加到购物车按钮位置，而不仅仅是在单个产品页面上。这个过程非常简单，只需要一些 PHP 代码。本教程将向您展示如何在 WooCommerce 存档页面上更改添加到购物车按钮的位置。

找到 WooCommerce 存档页面文件

要更改 WooCommerce 存档页面上添加到购物车按钮的位置，您需要找到 WooCommerce 存档页面文件。可以使用您所选择的代码编辑器打开此文件。默认情况下，WooCommerce 存档页面位于您的 WordPress 主题下的 “woocommerce/archive-product.php” 文件中。

查找添加到购物车按钮的代码

一旦您找到了存档页面文件，您将需要查找添加到购物车按钮的代码。 您可以在代码中搜索以下内容：

<?php
  /**
   * Hook: woocommerce_after_shop_loop_item.
   *
   * @hooked woocommerce_template_loop_add_to_cart - 10
   */
  do_action( 'woocommerce_after_shop_loop_item' );
?>

这是默认的 WooCommerce 存档页面上的“添加到购物车”按钮代码。

移动“添加到购物车”按钮

现在，您可以使用一些 PHP 代码来更改添加到购物车按钮的位置。例如，如果您想将其移动到产品标题下面，您可以使用以下代码：

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_add_to_cart', 5 );

在这个例子中，我们删除了默认的 WooCommerce 存档页面上的“添加到购物车”按钮并将其添加到了产品标题下面。

保存更改

一旦您完成更改，保存文件并检查您的存档页面。现在您的“添加到购物车”按钮应该出现在新的位置。

以上就是更改添加到购物车按钮位置的方法。请注意，您可以根据需要使用不同的 PHP 代码来将按钮移动到不同的位置。