Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

公子睿作者:公子睿
2019-07-03 11:05:49

添加好主题之后,在你的Shopify店铺里,点击主题的 Customize,即可进入到Shopify主题的配置!

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

在完成了基本的Shopify功能配置之后,我们接下来要配置和设计好我们的Shopify店铺。完成了店铺的设计和配置之后,我们的电商独立站点就可以正式上线对外了。

1.Shopify店铺主题模板选择

用Shopify来做独立站的一个好处就是:我们可以建一个独立的个人电商网站,都完全不需要去写代码,不需做后台,不需要做页面设计。

因为这一切,都是通过选择Shopify提供的模板就可以完成。

登录Shopify后,选择 Online Store 下面的 Themes ,进入主题选择。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

右边的 Current theme 就是你当前正在使用的主题。

我们可以到Shopify的主题商店里挑选我们需要的主题。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

点击 Vistit Theme Store 进入到Shopify的主题商店。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

我相信很多人刚开始来挑选主题模板时,肯定很纠结,挑花了眼。

这款不错,那款好像也很好,咦这款的设计真有特色!

恨不得把所有的主题都试过一边。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

但是在这里,我想跟你说的是—— 刚开始,完全没有必要花太多时间去对主题进行精挑细选,可以说能用就行,不要太在意其他的。等你后期完全确定自己的产品和风格之后,你再回过头来想这个问题。事实上,有很多人的店铺产品是很杂的,什么类型的东西都卖,根本不可能统一的。

那么在刚开始,Shopify主题怎么选?

很简单,选一个免费的.......

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

点击 ALL THEMES , 再勾选 Free 。 Shopify的主题商店上,现在有10款可以免费使用的主题。随便选一款就是了。

2.Shopify主题启用

添加好主题之后,在你的Shopify里,点击主题的 Customize,进入到主题的配置。

后面以Simple主题为例进行说明。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

左边栏的 Sections 是用来配置你的页面的每一个模块的。

3.Header配置

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

LOGO处可以上传自己网站的LOGO 。关于如果方便地制作自己的logo,下面会教你。

ANNOUNCEMENT BAR 是网站公告。你可以勾选上 Show announcement , 然后在 Announcement text 里写上你要发的公告。比如告诉你访问用户全场包邮,写上“Free Shipping for All Orders”。

如果你需要公告可以点击,那你可以在Announcement link 这里填上你要跳转的网址。

4.Sidebar配置

sidebar 是你的左边栏的导航菜单。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

但要设置菜单之前,你需要先配置好你的菜单列表。

在 Online Store 里,点击 Navigation 进入到菜单导航设置。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

在右边的菜单配置里,点击 Add menu itme 可以为菜单添加项。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

Name 是显示的名字,Link是点击这个菜单项要跳转的地方。

一般情况下,菜单的第一项我们都设置为 Home page , 接下来的是产品分类( Collections )。

当你设置好你的菜单项之后,你就可以选择配置你的菜单到你的网站导航栏了。

5.SlideShow配置

你可以给你的主要添加一个幻灯片轮播。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

SETTINGS 是配置轮播效果的,你可以调节各个参数来得到你自己满意的效果。

CONTENT 这块则是配置轮播的内容,点击Add Slide 可以增加一个轮播页。选择一张要展示的图片,以及点击图片后跳转的地址即可。会默认在图片上面有一个“Shop Now ”的按钮,你可以自定义这个按钮文字。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

6.Featured Collection配置

然后我们再添加一个Featured Collection , 你可以将它名称改为Best Sell。

一般情况下,放在首页的产品集,如果你已经具体的分类,那你可以给每一个产品分类添加一个Featured Collection,Heading这里填上你的产品类型的名称,Collection这里选择你建好的产品类型。

如果你Shopify店铺的产品很多很杂,那可以干脆就将全部的产品都放在一个Featured Collection里。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

基本上,在你刚开始的时候,首页有轮播,有产品图片展示列表就可以了。

Add section 这里还可以添加更多更丰富的展示类型,可以在后面继续慢慢根据需要增加。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

基本上,在我们完成上面的配置之后,店铺的页面配置就完成了。

可能会有人发现,不是还是Product pages , Collection pages ,Blogs , Cart 这些页面吗?

是的,这些页面也可以,并且都需要配置,尤其是product pages 和cart 这两个页面。但在这里,单纯地用主题来配置的优化空间不大,我们需要借用Shopify插件来帮助我们去将这些页面做得更好。

Shopify店铺如何设计?Shopify店铺主题设置&Header配置教程

OK,这样一来,Shopify店铺的设置就基本完成了。

但你是会发现,你的店铺的地址是  https://xxxx.myshopify.com  , 你还需要进行域名的配置。

下一篇文章,将会介绍如何设计logo,如何配置Shopify独立域名。(来源: 公子睿)

以上内容属作者个人观点,不代表雨果网立场!如有侵权,请联系我们。

本文被以下果园收录
查看更多
Shopify
跨境社区
全球著名的电商类SaaS平台,赋能于来自约175个国家的60多万家中小商户、大型零售贸易企业及全球知名品牌!
进入果园
微软广告
跨境社区
微软广告,智能连接,全球优质买家一触即达!
进入果园
自建站
跨境社区
属于跨境卖家自己的网站。seo、引流、运营、营销哪一样都不能少。
进入果园
开店
跨境社区
一站式的流程化图文说明,无缝衔接招商经理及店铺小二,省时省力抢先一步。
进入果园

0 条评论

0 收藏

分享到:

shopify
相关专题
shopify
Shopify是由托比亚斯·卢克创办的加拿大电子商务软件开发商,总部位于加拿大首都渥太华,其提供的服务软件Shopify是一个SaaS领域的购物车系统,适合跨境电商建立独立站,用户支付一定费用即可在其上利用各种主题/模板建立自己的网上商店。
相关内容
订阅每周精选
热门文章
最新文章
推荐热词
©2013 雨果网 闽ICP备11004599号-1
意见反馈
联系信息:
反馈问题:
问题详情:
我要爆料
联系信息:
爆料详情:
微信公众号
扫描下方二维码或者搜索微信公众号名称,获取最新最全内容
雨果网
雨果网
跨境进口
跨境进口
雨课
雨课
CCEE优品全球
CCEE优品全球
微信小程序
扫描下方二维码或者搜索微信小程序名称,获取最新最全内容
雨果网小程序
雨果网小程序
雨课小程序
雨课小程序
CCEE小程序
CCEE小程序

我要爆料

下载App

意见反馈

返回顶部

X
请正确填写手机号码或邮箱!
请输入内容
发送

扫描二维码
下载雨果网APP