在电子商务中,吸引顾客的关注是至关重要的。一种有效的方法是在网站的顶部显示一个通知栏,用于展示优惠、折扣、新产品发布等信息。Magento 2为店主提供了在网站页面顶部添加自定义通知栏的功能,使店主可以完全掌控通知栏的外观,从而提高商店的收入,而不会影响用户体验。本教程将介绍如何在Magento 2中将自定义通知添加到页面顶部。
步骤1:登录到Magento管理后台。
首先,登录到Magento 2的管理后台(Admin Dashboard)。然后,导航到“Content” > “Elements” > “Blocks”,并单击“Add New Block”。
步骤2:填写新区块的信息。
在这一步中,需要填写新区块的信息:
块标题:输入希望为此区块设置的标题。
标识符:输入用于识别此区块的唯一标识符。
商店视图:选择要在其中显示此区块的商店视图。
接下来,在编辑器中输入以下代码,以在Magento 2的页面顶部显示自定义通知。当然,可以根据需要更改此代码,以满足要求:
html
Copy code
<div>
<div style="text-align: center; background: orange; padding: 10px; font-size: 20px; font-family: forte;">
New Year Sale Live Now! Get up to 60% Discount
</div>
</div>
完成后,点击“保存”。
步骤3:导航到小部件(Widgets)。
导航到“内容” > “元素” > “小部件”,然后单击“添加小部件”。
步骤4:选择小部件类型。
在“类型”字段中,选择“CMS静态块”。然后,选择适用的设计主题(通常选择“Magento Luma”)。最后,点击“继续”。
步骤5:填写店面属性信息。
在这一步中,需要填写小部件的相关信息:
小部件标题:输入希望为此小部件设置的标题。
分配给商店视图:选择要在其上显示小部件的商店视图。
排序顺序:输入小部件的排序顺序值。
步骤6:添加布局更新。
然后,在“布局更新”部分,选择“Add Layout Update”。在“Display On”字段中,选择“All Pages”和“Page Top as Container”。然后,点击“保存”。
步骤7:选择并保存。
在“小部件选项”中,选择在步骤1中创建的区块。最后,点击“保存”。
通过按照以上步骤,在Magento 2中添加自定义通知栏,可以轻松吸引访问商店的顾客的注意力,并有效地传达促销、特别优惠或其他重要信息。这将有助于提高用户的购物体验,从而增加销售和业务增长。