如何为 WooCommerce 使用变化样本

已发表: 2022-03-22

当你想创建一个在线商店时,没有多少替代品能像 WooCommerce 一样好。 尽管如此,使用 WooCommerce 的默认功能且没有任何额外功能的 WooCommerce 商店不会是您将看到的最好的商店。

要使您的商店脱颖而出,您必须做的一件事是找到一种方法来增强商店商品展示的视觉效果。 您的销售将反映您的产品展示的用户友好程度。 用户希望无缝地查看产品的变体,这就是 WooCommerce 的插件变体样本的用武之地。我们将看看如何使用这样的插件以及最好的插图之一 - 如果不是最好的 - 这样的插件。 如果您需要为 WooCommerce 查找变体色板插件,这里是 10 多个最佳 WooCommerce 变体色板插件的列表。

WooCommerce 的变化样本

WooCommerce 变体色板插件

RadiusTheme 的 WooCommerce 变体色板非常适合让您的网站在产品变体的呈现方面具有优势。 该插件显示出令人难以置信的关注,即尽可能保持用户友好。 它具有允许您将产品变体从 WooCommerce 的默认选择字段更改为图像、标签和颜色的功能。 使用该插件,您不必在通常的下拉字段中展示变体。

WooCommerce 的变体样本为您提供了为您的产品样本创建与您的网站风格相匹配的自定义边框的工具。 如果要增强背景,可以添加图像或纯色。

您可以为您的产品和产品类别页面添加工具提示。 不想删除缺货的产品变体? 使用 WooCommerce 的变体色板,您可以只使用交叉或模糊。 您可以选择十字的颜色并控制模糊不透明度。

WooCommerce 变体色板带有快速查看功能。 该功能非常适合展示产品而不必转到产品页面。 默认情况下,此插件适用于产品详细信息页面。 然后,您可以控制工具提示、字体大小和颜色以及图像大小。 该插件可让您在方形和圆形样本之间进行选择。

使用 WooCommerce 的变体色板

您要做的第一件事是下载 WooCommerce 插件的 Variation Swatches。 或者,您可以直接从管理面板从后端安装它。

对于第二种选择,只需转到您的管理仪表板,转到plugins ,然后添加新的. 转到下一页上的搜索框并搜索 WooCommerce 的变体样本。 单击 RadiusTheme 的“激活”插件,该插件读取WooCommerce 的 Variation Swatches

添加和编辑属性和属性项

创建颜色属性时,您可以通过导航到WooCommerce Products e Attributes来全局执行操作。 下一部分是通过选择所需的按钮、颜色、图像或单选来添加所需的属性。

要添加或编辑新属性术语,只需单击配置术语。 如果要编辑颜色属性,请使用颜色选择器选择所需的颜色。 然后,您可以设置工具提示文本和类型。

设置产品属性

在编辑模式下,转到特定产品并选择Product Date e Variable Product 。 接下来是单击添加选项以添加自定义产品属性并保存。 但是,在您这样做之前,请务必选中“用于变化”框。

设置产品变体

设置产品变体时,请确保为每个变体分配图像、价格和库存状态,否则不会出现在前端。

只需转到Product Data ,然后选择Variations、Default Variations、 selected Attributes、Price、ImageStock 。 正确设置它们以反映您的产品的实际情况。 当您要添加变体时,请知道您可以选择设置一个又一个变体或同时设置所有变体。 当您单击Create Variations from All Attributes时,您将采用第二个选项。

产品变体插件

需要根据您的独特需求设置其他字段,例如 SKU、重量、描述和运输。

设置个别变化

如果您更喜欢单独调整每个变体的设置而不是全局变体,只需转到“产品样本”选项卡并选择属性。 您可以选择仅展示目录模式所需的属性。

选择您喜欢的图像类型(如果需要,将工具提示设置为图像或文本)和您想要的特定颜色。 当您选择了所需的特定属性后,只需点击Save Product Swatches按钮。

WooCommerce 的变体样本

前端变化

控制商店或存档页面的显示时,请转到WooCommerce e 设置 e 产品样本 e 商店或存档页面。 然后你可以去你的前端并欣赏(或批评)你的结果。

前端变化

自定义属性

为您的产品添加自定义属性就像前往可变产品 e 属性,然后添加自定义产品属性一样简单。 单击添加按钮以添加自定义产品属性。 在单击“保存属性”按钮之前,为每个自定义属性分配名称和值。

在变体中添加自定义属性时,只需使用您在上一步中添加的自定义属性即可添加变体。 从那里,通过转到左侧的产品样本选项卡来设置自定义属性类型。

产品样本中,很容易覆盖全局属性设置。 您所要做的就是设置属性的类型,无论它们是单选、图像、按钮还是颜色。 设置属性并点击Save Product Swatches按钮。 您可能需要 WooCommerce 的另一个相关插件附加变体图像库

加起来

使用 WooCommerce 是一项非常简单的任务,您应该立即熟悉它的每一个角落。 在使用诸如 WooCommerce 的产品变体之类的插件推进产品变体的使用时,您可以依靠本指南来帮助您。

我希望我是一个很好的指南,帮助您了解使用插件的简单和棘手的部分。 在您创建世界一流的电子商务商店时一切顺利。