美容护肤网站制作怎么添加购物车模块

2019-05-09

  随着人们收入水平的不断提高,对于美容护肤的要求也不再局限于简单的敷面膜,更多的人会选择去美容护肤网站去购买更多的产品以及服务,美容护肤网站也因此得到了长足的发展。在进行美容护肤网站制作时,添加购物车模块是不能缺少的,它能够为网站提供一个购物车功能,让用户在进行产品选购时能够更清晰地知道它的购物车中有什么产品。那在进行网站制作时,设置购物车模块的具体步骤是什么呢?


  一、登录你的企业网站账号然后进行设计网站的页面,如果所挑选的美容护肤网站模板中没有购物车模块,可点击左侧的模块按钮-新增模块-互动-购物车,将其拉到页面的相应位置,购物车模块一般会添加在网站顶部,与网站标题一同成为网站顶部的内容。

购物车模块

  二、美容护肤网站增加了新的购物车模块后,首先是对模块标题进行命名,由于这个模块标题通常会选择隐藏,站长可保留“购物车”原标题。完成标题的编辑后,接着需要对模块的样式以及颜色分别进行选择,在颜色选择的原则上,需要与网站的整体颜色形成和谐的画面。

美容护肤网站添加购物车

  三、完成了购物车按钮的外观设置后,直接点击购物车按钮,待页面跳转后,将鼠标移动到购物车模块,点击编辑模块,在该部分需要对模块标题进行编辑,对选择继续购物链接、是否显示产品图片以及对购物车页面的颜色进行设置。如果站长想让购物车页面变得更加吸引,那么可以在网站制作时加上一些美容护肤产品的宣传图片。

网站制作

  四、接下来要做的,需点击对该页面中购物车模块的设置样式和购物车按钮的设置动画,对它们进行进一步的完善。首先是常规和标题栏,在常规方面,要对是否显示标题栏、外边距、透明度、高度、边框和圆角进行设定。在标题栏方面,要对标题、标题文字、高度、背景和图标进行设置。

设置购物车的样式

  五、完成了常规和标题栏的样式设定后,下面是对内容区和动画区进行设置。在内容区方面,需要对背景、内边距、文字和链接文字分别进行设置。在动画区方面,共有10种不同的动画效果,站长可按照自己制作网站的风格来选择动画效果。

网站制作

  完成上述的5个步骤后,美容护肤网站中的购物车模块就设定完成了。如果站长还想了解其他关于网站制作的相关知识,可以看如何制作自己的网站教程。


免费使用