WooCommerce:将产品简短描述添加到存档页面

您将要创造的

WooCommerce捆绑了许多存档页面和循环,它们的工作非常出色,但是有时您可能需要在主商店和其他存档页面上显示更多信息。

在本教程中,我将向您展示如何将产品简短描述添加到存档页面并将其显示在产品标题下方。

您需要什么

要继续进行,您需要:

  • WordPress的开发安装。
  • 代码编辑器。
  • WooCommerce已安装并激活。
  • 添加的产品-我已经导入了WooCommerce随附的虚拟产品数据; 有关如何执行此操作的详细信息,请参阅本指南 。
  • 激活了与WooCommerce兼容的主题,我正在使用Storefront 。

在开始之前,请确保已设置WooCommerce。 要添加产品简短描述,您将遵循三个步骤:

  1. 为该功能创建一个插件并激活该插件。
  2. 添加一个输出产品简短描述的功能。
  3. 在WooCommerce中标识我们需要将该函数挂钩的挂钩,并将该函数附加到该挂钩。

因此,让我们开始吧!

创建插件

在您的wp-content/plugins目录中,创建一个新的PHP文件。 我叫我的tutsplus-product-archive-short-descriptions.php

在代码编辑器中打开文件。 在文件顶部,添加以下内容:

这将设置插件,并为WordPress提供激活它所需的一切。

现在转到WordPress管理员中的“ 插件”屏幕,找到插件:

WooCommerce:将产品简短描述添加到存档页面_第1张图片

现在激活它。

起初,它没有什么不同,因为您尚未填充它。 这是现在的主要商店页面:

WooCommerce:将产品简短描述添加到存档页面_第2张图片

编写函数以输出简短描述

WooCommerce中产品的简短描述使用的是您在普通帖子中找到的摘录,因此要显示它,您所需要做的就是显示帖子的摘录。

在您的插件文件中,添加以下代码:

function tutsplus_excerpt_in_product_archives() {
    
	the_excerpt();
	
}

就这么简单! 但是现在您需要将函数挂接到正确的操作上,以便将其输出到存档页面中的正确位置。

将功能挂钩到正确的动作

让我们看一下WooCommerce中的文件,该文件在归档页面上输出循环的内容。 这个文件是content-product.php ,您可以在WooCommerce插件的templates文件夹中找到它。

该文件包括许多动作挂钩,WooCommerce使用它们全部输出不同的内容。

当我们要在产品标题下方显示摘录时,我们需要使用的挂钩是woocommerce_after_shop_loop_item_title content-product.php文件中可以看到,它已经附加了两个函数woocommerce_template_loop_rating()woocommerce_template_loop_price() ,它们的优先级分别为510 因此,我们需要将函数与更高的优先级挂钩,以确保在这些优先级之后触发。 我会留一些余地,以40为优先。

在您的功能下方,添加以下内容:

add_action( 'woocommerce_after_shop_loop_item_title', 'tutsplus_excerpt_in_product_archives', 40 );

现在保存您的插件文件并在浏览器中刷新商店页面。 现在,您将在产品名称下方看到产品简短描述:

WooCommerce:将产品简短描述添加到存档页面_第3张图片

这些描述(由虚拟数据提供)有些长:我个人会在实时站点上使用简短描述。 但是您可以清楚地看到存档页面中显示的描述。

摘要

由于WooCommerce使用动作挂钩输出几乎所有内容,因此可以通过编写函数并将其附加到这些挂钩来添加更多内容。 在本教程中,您学习了如何将产品简短描述添加到产品档案中。 如果要进一步进行此操作,可以在函数中包含一个或多个条件标签,以在特定的存档页面上执行此操作。

翻译自: https://code.tutsplus.com/tutorials/woocommerce-adding-the-product-short-description-to-archive-pages--cms-25435

你可能感兴趣的:(WooCommerce:将产品简短描述添加到存档页面)