WordPress 的最佳 WooCommerce 代码片段

已发表: 2023-05-12

你想知道WordPress 最好的 WooCommerce 代码片段吗？如果您打算调整在线商店并添加更多功能，请继续阅读本文。本指南将向您展示一组您应该知道的代码片段。

但首先，让我们看看代码片段是什么以及为什么我们需要使用它。

什么是代码片段？

代码片段是在网站或程序上执行特定任务或功能的一小段代码。它通常用于自定义网站/工具并增强功能。

您可以使用任何编程语言编写代码片段，复杂程度从简单的一行代码到多行函数或算法。此外，您还可以在代码库、论坛和编程博客中在线找到它们，开发人员通常会共享和修改它们以满足他们的特定需求。

使用代码片段可以节省时间和精力。但了解代码的工作原理并确保其安全且不会导致任何漏洞至关重要。最重要的是，当使用来自外部来源的代码片段时，检查其许可和归属要求对于避免侵犯版权至关重要。

为什么要将 WooCommerce 代码片段添加到 WordPress？

如果您为 WordPress 使用 WooCommerce 代码片段，那么所有者和开发人员都将受益。

例如，您可以使用 WooCommerce 代码片段来添加新功能或更改在线商店的现有功能。这有助于改善用户体验并增加销售额。

例如，您可以使用代码片段添加自定义产品排序选项或更改结帐流程以更好地满足特定业务的需求。

此外，为 WordPress 使用 WooCommerce 代码片段比安装和配置单独的插件更有效，因为它允许更有针对性的修改并避免与其他插件或主题的潜在冲突。

此外，WooCommerce 代码片段可以帮助提高在线商店的安全性和性能。通过将自定义代码添加到 functions.php 文件或单独的插件文件，开发人员可以确保代码针对网站的特定需求进行了优化。

最后，代码片段可以提供比雇用开发人员更具成本效益的解决方案。即使某些自定义可能需要更复杂的开发工作，您也可以使用在线找到的简单代码片段进行许多修改。

但是，编写不当的代码可能会导致错误和安全漏洞。因此，我们建议在将代码添加到网站之前在暂存环境中测试和理解代码。

此外，请备份网站的文件和数据库，以确保您的辛勤工作。

如何将 WooCommerce 代码片段添加到 WordPress

您可以通过几个简单的步骤将 WooCommerce 代码片段添加到 WordPress：

打开 functions.php 文件：您可以在 functions.php 文件中找到大多数 WordPress 代码片段。它通常在主题文件夹中；您可以通过 WordPress 仪表板或 FTP 客户端访问它。
添加代码片段：将所需片段复制并粘贴到 functions.php 文件中。确保将它添加到适当的位置，例如在文件的末尾，在任何现有代码之后。
保存更改：添加代码片段后，将更改保存到 functions.php 文件。这将激活您刚刚输入的代码。
测试功能：添加代码片段后，测试新功能以确保其按预期工作。

但是，如果您不想将代码片段添加到父主题的 functions.php 文件中，则可以创建自定义子主题。这样，主题更新就不会造成任何问题。

WordPress 的最佳 WooCommerce 代码片段

现在我们已经了解了为什么以及如何为 WordPress 添加 WooCommerce 代码片段。接下来，让我们转到为您的一般需求选择的最佳 WooCommerce 代码片段。

简而言之，我们将要分享的代码将帮助您：

添加自定义产品选项卡
将 WooCommerce 支持添加到主题
向 WooCommerce 添加自定义货币
在模板中显示“我的帐户”链接
自动完成订单
更改商店中显示的产品数量
禁用搜索
修改加入购物车按钮文字
调整商店页面标题

让我们深入了解每个代码。

1) 添加自定义产品标签

在 WooCommerce 中添加自定义产品选项卡是显示有关产品的额外信息的好方法。所以，这是一个代码片段，可以让你添加一个：

 // 添加自定义产品标签

add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab' );
函数 add_custom_product_tab( $tabs ) {
$tabs['custom_tab'] = array(
'title' => __( '自定义标签', 'woocommerce' ),
'优先级'=> 50，
'callback' => 'custom_product_tab_content'
);

返回 $ 标签；

}

// 自定义产品标签内容

功能 custom_product_tab_content() {
echo '<h2>自定义产品标签</h2>';
echo '<p>这里是自定义内容。</p>';
}

此代码向产品页面添加一个新的“自定义选项卡”选项卡，优先级为 50。此外，您可以根据需要更改自定义产品选项卡的标题和内容。回调函数custom_product_tab_content显示选项卡的内容。您可以根据需要自定义代码。

2) 在第三方主题中声明 WooCommerce 支持

如果您使用的是默认不提供 WooCommerce 支持的第三方主题，您可以通过将以下代码片段添加到您网站主题的 functions.php 文件来解决问题：

 // 为主题添加 WooCommerce 支持

函数 mytheme_add_woocommerce_support() {
add_theme_support( 'woocommerce' );
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

资料来源：媒体。

3) 向 WooCommerce 添加自定义货币

如果您想向 WooCommerce 添加自定义货币，您可以使用以下代码片段：

 // 向 WooCommerce 添加自定义货币

函数 add_my_currency( $currencies ) {
$currencies['ABC'] = __( '我的货币', 'woocommerce' );
返回$货币；
}

add_filter( 'woocommerce_currencies', 'add_my_currency' );
函数 add_my_currency_symbol( $currency_symbols ) {
$currency_symbols['ABC'] = '$'; // 将 ABC 更改为您的自定义货币代码，并将 $ 更改为您的货币符号。
返回 $currency_symbols；
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol' );

在这里，我们使用两个过滤器——woocommerce_currencies和woocommerce_currency_symbols来添加我们的自定义货币及其符号。首先，将您的货币名称和代码添加到可用货币列表中。其次，您可以为自定义货币代码添加货币符号。

4) 在模板文件中显示我的帐户链接

要在 WooCommerce 的模板文件中显示我的帐户链接，您可以使用以下代码片段：

 <?php if (is_user_logged_in()) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'dashboard' ) ); ?>"><?php esc_html_e( '我的账户', 'woocommerce' ); ?></a>

<?php 其他: ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>"><?php esc_html_e( '登录/注册', 'woocommerce' ); ?></a>

<?php 结尾; ？>

此代码检查用户是否使用is_user_logged_in()函数登录。

如果用户已登录，它会使用wc_get_account_endpoint_url( 'dashboard' )函数显示指向仪表板的链接。但是，如果用户未登录，它会使用wc_get_page_permalink( 'myaccount' )函数显示指向“我的帐户”页面的链接。

您可以将此代码添加到您想要显示我的帐户链接的 WooCommerce 主题中的任何模板文件。例如，您可以将它添加到您的 header.php 文件中以在您网站的标题中显示该链接。

5) 自动完成订单

如果您想在 WooCommerce 中自动完成订单，您可以使用以下代码片段：

 // 自动完成订单
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );

函数 custom_woocommerce_auto_complete_order( $order_id ) {
如果（！$order_id）{
返回;
}

$order = wc_get_order( $order_id );
$order->update_status('完成');
}

资料来源：计算器溢出

此代码向woocommerce_thankyou函数添加一个操作挂钩，该挂钩在订单完成时触发。激活此挂钩后，将执行custom_woocommerce_auto_complete_order函数。

该函数首先检查是否设置了$order_id变量。如果未设置，则返回。否则，它从wc_get_order()函数访问订单对象。

最后，它使用update_status()方法将订单状态设置为“已完成”。

请注意，自动完成订单可能并不适合所有产品或业务。因此，在激活此代码之前考虑您的具体需求至关重要。

6) 更改每页显示的产品数量

如果您想更改 WooCommerce 中每页显示的产品数量，您可以使用以下代码片段：

 // 修改每页产品数
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22 );
函数 custom_loop_shop_per_page( $cols ) {
$cols = 14; // 将此数字更改为每页所需的产品数量。
返回$列；

}

此代码向loop_shop_per_page函数添加了一个过滤器。这控制了 WooCommerce 中每页显示的产品数量。然后执行custom_loop_shop_per_page函数，它将当前列数作为参数。

在该函数中，您还可以将$cols变量设置为每页所需的产品数量（在本例中为 14）。最后，您将获得更新的列数。

更改每页显示的产品数量可能会影响用户体验和页面加载时间。因此，在更改此设置之前必须考虑您的特定需求。

7) 禁用搜索

要在 WordPress 中禁用搜索，您可以使用以下代码片段：

 // 禁用搜索
函数 fb_filter_query($query, $error = true){
如果（is_search（））{
$query->is_search = false;
$query->query_vars[s] = false;
$query->query[s] = false;

// 出错
如果（$error == true）
$query->is_404 = true;
}
}

add_action( 'parse_query', 'fb_filter_query' );
add_filter( 'get_search_form', create_function( '$a', "return null;" ) );

资料来源：计算器溢出

此代码使用名为custom_disable_search()的自定义函数来禁用 WordPress 中的搜索功能。在这里，您向parse_query函数添加了一个操作挂钩，在执行搜索查询时触发。

在函数中，它检查当前查询是否为搜索查询（is_search()）； 如果是，它将查询对象的is_search属性设置为 null。它还将 s 查询变量设置为 null，有效地禁用搜索查询。

最后，此代码片段将过滤器添加到get_search_form以从您的 WordPress 站点隐藏搜索表单。

8) 更改添加到购物车按钮文本

要更改 WooCommerce 中的“添加到购物车”按钮文本，您可以使用以下代码片段：

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text' );

函数 custom_add_to_cart_text() {
返回 __( '立即购买', 'woocommerce' );
}

资料来源：Njengah

此代码向woocommerce_product_single_add_to_cart_text和woocommerce_product_add_to_cart_text函数添加了两个过滤器，它们控制 WooCommerce 中的“添加到购物车”按钮文本。然后执行custom_add_to_cart_text()函数，返回更新后的按钮文本。

我们使用__()函数来访问 WooCommerce 翻译文件中定义的“立即购买”文本。如果您想将文本更改为其他内容，请将“立即购买”替换为您想要的文本。

9) 替换 WooCommerce 中的商店页面标题

要替换 WooCommerce 中的商店页面标题，您可以使用以下代码片段：

 add_filter( 'woocommerce_page_title', 'custom_shop_page_title' );
函数 custom_shop_page_title( $page_title ) {
如果（'商店'== $page_title）{
return __( 'New Shop Title', 'woocommerce' );
}

返回 $page_title;
}

此代码将向woocommerce_page_title 函数添加一个过滤器，该函数控制 WooCommerce 商店页面的标题。然后执行custom_shop_page_title()函数，检查页面标题是否为“商店”，如果是，则返回更新后的标题（“新商店标题”）。

此代码片段使用__()函数访问 WooCommerce 翻译文件中定义的更新商店页面标题的翻译文本。但是，如果您想将文本更改为其他内容，请将“New Shop Title”替换为您想要的文本。

结论

使用适用于 WordPress 的 WooCommerce 代码片段是自定义在线商店和添加新功能的强大方式。例如，如果您想要更改商店的外观、结帐流程或添加新功能，代码片段可以帮助您实现目标。

要添加代码片段，请将代码粘贴到子主题的 functions.php 文件中或创建自定义插件。但请务必记住，修改您网站的代码可能会产生意想不到的后果。因此，我们始终建议在进行任何更改之前创建您网站的备份。

使用我们上面提供的代码，您可以运行具有许多自定义功能的出色 WooCommerce 商店。总结一下，我们分享了一些片段

添加自定义产品选项卡
将 WooCommerce 支持添加到主题
向 WooCommerce 添加自定义货币
在模板中显示“我的帐户”链接
自动完成订单
更改商店中显示的产品数量
禁用搜索
修改加入购物车按钮文字
调整商店页面标题

您可以选择一个代码并根据您的要求使用它。

我们希望您发现这篇文章很有用并且喜欢阅读它。如果您愿意，请考虑在社交媒体上与您的朋友和其他博主分享这篇文章。您还可以浏览我们的博客存档以了解更多 WordPress/WoCommerce 指南。

我们是否需要向本指南添加任何其他片段？

请在下面的评论中告诉我们。

您可能喜欢的类似文章：

如何按属性过滤 WooCommerce 产品
最佳 WooCommerce 捐赠插件
最佳 WooCommerce 许可证管理器插件