Shopify全攻略(3):店铺的设计与配置
在完成了基本的功能配置之后,我们接下来要配置和设计好我们的店铺。完成了店铺的设计和配置之后,我们的电商独立站点就可以正式上线对外了。
1、店铺主题模板选择
用shopify来做独立站的一个好处就是:我们可以建一个独立的个人电商网站,都完全不需要去写代码,不需做后台,不需要做页面设计。
因为这一切,都是通过选择shopify提供的模板就可以完成。
登录shopify后,选择 Online Store 下面的 Themes ,进入主题选择。
右边的 Current theme 就是你当前正在使用的主题。
我们可以到Shopify的主题商店里挑选我们需要的主题。
点击 Vistit Theme Store 进入到 shopify的主题 商店。
我相信很多人刚开始来挑选主题模板时,肯定很纠结,挑花了眼。
这款不错,那款好像也很好,咦这款的设计真有特色!
恨不得把所有的主题都试过一边。
但是在这里,我想跟你说的是—— 刚开始,完全没有必要花太多时间去对主题进行精挑细选,可以说能用就行,不要太在意其他的。等你后期完全确定自己的产品和风格之后,你再回过头来想这个问题。事实上,有很多人的店铺产品是很杂的,什么类型的东西都卖,根本不可能统一的。
那么在刚开始,主题怎么选?
很简单,选一个免费的.......
点击 ALL THEMES , 再勾选 Free 。 Shopify的主题商店上,现在有10款可以免费使用的主题。随便选一款就是了。
2、主题启用
添加好主题之后,在你的shopify里,点击主题的 Customize,进入到主题的配置。
后面以Simple主题为例进行说明。
左边栏的 Sections 是用来配置你的页面的每一个模块的。
3、Header配置
LOGO处可以上传自己网站的LOGO 。关于如果方便地制作自己的logo,下面会教你。
ANNOUNCEMENT BAR是网站公告。你可以勾选上Show announcement, 然后在Announcement text里写上你要发的公告。比如告诉你访问用户全场包邮,写上“Free Shipping for All Orders”。
如果你需要公告可以点击,那你可以在Announcement link 这里填上你要跳转的网址。
4、Sidebar配置
sidebar是你的左边栏的导航菜单。
但要设置菜单之前,你需要先配置好你的菜单列表。
在 Online Store 里,点击 Navigation进入到菜单导航设置。
在右边的菜单配置里,点击Add menu itme可以为菜单添加项。
Name是显示的名字,Link是点击这个菜单项要跳转的地方。
一般情况下,菜单的第一项我们都设置为 Home page , 接下来的是产品分类( Collections )。
当你设置好你的菜单项之后,你就可以选择配置你的菜单到你的网站导航栏了。
5、SlideShow配置
你可以给你的主要添加一个幻灯片轮播。
SETTINGS是配置轮播效果的,你可以调节各个参数来得到你自己满意的效果。
CONTENT 这块则是配置轮播的内容,点击Add Slide 可以增加一个轮播页。选择一张要展示的图片,以及点击图片后跳转的地址即可。会默认在图片上面有一个“Shop Now”的按钮,你可以自定义这个按钮文字。
6、Featured Collection配置
然后我们再添加一个Featured Collection, 你可以将它名称改为Best Sell。
一般情况下,放在首页的产品集,如果你已经具体的分类,那你可以给每一个产品分类添加一个Featured Collection,Heading这里填上你的产品类型的名称,Collection这里选择你建好的产品类型。
如果你店铺的产品很多很杂,那可以干脆就将全部的产品都放在一个Featured Collection里。
基本上,在你刚开始的时候,首页有轮播,有产品图片展示列表就可以了。
Add section这里还可以添加更多更丰富的展示类型,可以在后面继续慢慢根据需要增加。
基本上,在我们完成上面的配置之后,店铺的页面配置就完成了。
可能会有人发现,不是还是Product pages , Collection pages ,Blogs , Cart 这些页面吗?
是的,这些页面也可以,并且都需要配置,尤其是product pages 和cart 这两个页面。但在这里,单纯地用主题来配置的优化空间不大,我们需要借用shopify 的插件来帮助我们去将这些页面做得更好(关于如何使用插件,后面的文章会继续介绍)。
OK,这样一来,店铺的设置就基本完成了。
但你是会发现,你的店铺的地址是 https://xxxx.myshopify.com , 你还需要进行域名的配置。
下一篇文章,将会介绍如何设计logo,如何配置独立域名。