美容网站模板如何添加搜索栏模块

2019-03-18

  当站长在使用美容网站模板在进行建站时,需要不断完善所选取的网站模板,来让自己的网站变得与众不同。搜索栏模块是美容网站中一个比较重要的模块,用户可以通过这个搜索栏模块快速找到自己所需浏览的信息,提高浏览时的效率。而在搜索栏方面,有产品搜索与全站搜索,下面就让小编以全站搜索为例,来介绍在建网站时,设置搜索栏模块的小技巧。


  一、登录你的企业网站并进入编辑模式,如果所选择的美容网站模板中没有搜索栏模块,可以点击左侧的模块按钮-新增模块-互动-全站搜索,将其拉到页面的相应位置,搜索栏通常会添加在网站顶部,放置在首页导航栏的上方,这是一种常规套路哦。

美容网站模板设计搜索栏


  二、添加了搜索栏模块后,点击编辑模块,首先对模块进行标题的命名,由于模块标题往往会选择隐藏,因此站长可保留“全站搜索”的原标题。接下来是对模块颜色的选择,搜索栏的颜色要结合网站的主体颜色来进行选择。另外就是对搜索栏样式的选择,建网站的站长可选择符合自己网站模板风格的样式。

网站模板风格样式

  三、完成了常规设置后,点击搜索设置,首先是对搜索提示的编辑,针对美容网站,可以在搜索提示中显示近期网站的热门活动或者是新推出的产品介绍,如图,“买满299即送化妆包”也可以作为搜索提示。接着是对搜索类型、搜索内容和下拉菜单的设定。

美容网站搜索设置页面

  四、完成搜索设置后,下面是对展示设置中的搜索框宽高和推荐关键词进行设定。如图所示,推荐关键词可以是近期热门美容产品的名称,借此做个宣传。这些比较具有特点的设置,是让网站模板变得更具自身网站特色的重要方式,站长们可以在这些方面多下一点功夫。

美容网站的展示设置

  五、完成了上述的模块基本设置后,点击设置样式,首先是对常规和内容区方面的设置。在常规方面,需要对标题栏是否显示、透明度、高度、宽度、边框和圆角进行设置。在内容区方面,要对背景、内边距、文字、链接文字、输入框文字以及搜索框边框进行编辑。如果标题栏选择了隐藏,则无需对标题栏进行相关设置。

网站标题栏

  六、另外就是对动画区进行设置,其中有10种不同的动画效果可以让建网站的站长进行选择。

网站模板动画效果设计

  完成上述的6个步骤后,美容网站的搜索栏模块就设置完成了,希望可以给有需要建网站的站长提供帮助。

免费使用