视觉感知对购买行为具有很大影响。93%的客户认为视觉外观是购买决策的关键因素。第一次印象不会随着时间而改变。
在构建magento电子商务网站期间,选择color swatches作为用户视觉体验的战斗工具。 color swatches提供了一种友好的方式来显示可配置产品的选择属性。我们想与您分享一些关于如何通过使用 color swatches获得最大利润的提示。
我们的教程将分别为Magento和Magento 2清楚的介绍color swatches。这将有助于你:
- 浏览创建color swatches的过程
- 在分层导航块(左侧属性筛选)中显示色板
- 将color swatches集成到自定义主题中
让我们从创建color swatches开始......
Magento附带Swatch配置,允许您在产品和类别页面以及分层导航中将产品属性显示为颜色样本。您可以更改样本的宽度和高度值。
注意:自Magento 1.9.1版本发布以来,颜色样本内置于可配置的样本功能中。
如果您运行较旧的Magento版本,我们建议您升级或使用Magento插件,以便轻松添加颜色样本。
我们将分别为Magento和Magento 2制作样本。
创建颜色样本
Magento1的步骤
1.首先,您需要创建将与可配置样本一起使用的属性。您可以在Admin> Catalog>Attribute>Manage Attributes中执行此操作。请确保在“Properties”选项卡中看到以下值并设置:
- Scope设置为“Global”
- Catalog Input Type for Store Owner设置为“Dropdown”
- Apply to设置为“Configurable Product”
- Use To Create Configurable Product设置为“Yes”。
要添加新颜色,请查看“Manage Label / Options”选项卡。您必须按添加选项按钮。在“Admin”列中,指定颜色的名称。然后,为支持的每种语言定义颜色的名称。这些名称将显示在前端。您还可以设置颜色显示的顺序。请前往查找有关magento创建属性的更多详细信息
2.现在,您必须在Admin > System > Configuration > CATALOG > Configurable Swatches > General Settings中启用magento可配置样本。然后在“Product Attributes to Show as Swatches in Product Detail”中选择“颜色值”以在产品详细页中显示为“样本”,在“Product Attributes to Show as Swatches in Product Detail”字段中选择颜色值以便在产品列表中使用样本。
3.保存后,请导航到Admin > Catalog > Manage Products并创建新的可配置产品。如果您在创建可配置产品时需要帮助,请阅读使用说明。
4.最后,您需要上传色板图像和相应的产品图像。
添加色板图像有两种方法。第一种方法是将图像上传到/ media / wysiwyg / swatches文件夹。第二个是将产品图像作为样本图像。重要的细节是:
- 上传的图像必须是.png格式。
- 上传的图像名称应与其显示的相应属性值完全匹配。
- 上传到Media Storage的Swatch图像是全局可用的,可用于任何其他产品。
您可以在Magento Swatches手册中阅读更多相关信息:
http://docs.magento.com/m1/ce/user_guide/catalog/product-configurable-swatch.html
5.重复所有步骤,以便根据需要设置多个样本。
6.重新索引并清除缓存。
Magento 2的步骤
在Magento 2中创建色样的过程已经简化。
1.转到Admin > Stores > Attributes > Product,然后单击添加新属性按钮。填写“Properties”选项卡中的所有必填字段。确保你看到:
- 在Catalog Input Type for Store Owner中选择Visual Swatch。
- Update Product Preview Image设置为“Yes”。
- Use Product Image for Swatch if Possible,如果可能,则将产品图像用于样本,将值设置为“No”。如果要在产品页面上将产品图像显示为可点击样本,可以选择“Yes”。
注意:您可以在此处了解有关创建属性的更多信息
2.现在,您需要单击“ Swatch button”按钮。添加您的属性值。
3.指定色板名称。
4.您可以选择颜色单击颜色框附近的箭头。您还可以使用色板图像替换颜色。请单击上传文件。
5.继续填写“Advanced Attribute Properties”字段以及“Manage Labels”和“ Storefront properties”选项卡中的字段。保存并清除缓存。
现在,您需要将新创建的属性分配给产品。如果您需要先创建产品,请查看用户指南。
请继续关注 - 我们会不定期更新我们的博文。