用Woocommerce建立一个网上商店 [12] 使用WooCommerce动态标签

[12] 使用WooCommerce动态标签

文章来源  https://wpeyes.com/elementor/academy/

在本课中，我将教您如何在您的网站上使用 WooCommerce 动态标签。

我们将构建这个弹出窗口，它将使用动态数据填充，所有这些都是直接从我们的 WooCommerce 产品中提取的。

为实现这一目标，我们将进行以下工作：

我们将首先创建和配置我们的弹出窗口
，然后我们将使用各种小部件、列和部分填充它。其中许多将使用动态标签显示数据。
最后我们将设置显示条件，以便在用户尝试离开网站时显示弹出窗口

Elementor 使显示动态数据变得非常简单，如果您需要熟悉此功能，您将在下面的说明中找到指向我们专门教程的链接。
我们将启动 WordPress 仪表板。

然后转到模板 > 弹出窗口，并添加一个新的弹出窗口。

为您的弹出窗口命名，然后选择“创建模板”。

关闭图书馆……
……然后选择位于左下角的齿轮图标。

我们将宽度设置为 70vw…

以及淡入淡出的进入和