分享Shopif的运营和开发知识

争取每周一更吧

第3期 如何正确安装shopify主题模板(保姆级教学)

大家好,这期带大家一起来装修shopify店铺。现在是2024年2月21号,很多朋友会问我,

shopify店铺应该怎么装修?我应该用什么样的主题?

我的推荐是用Ella主题,推荐的原因有两点:

第一点是Ella主题它已经存在很多年,并且它是主题森林里面,销量排行榜第一的;第二个推荐的理由是Ella主题它能够保持持续的更新,这个已经是很不容易。很多主题做不到的。

那现在怎么样安装这个Ella主题?当你购买了之后怎么样安装?我们拿到的文件有三个:

第一个,Ella htlm tamplate,它是官方的一些帮助文档;第二个是 5款独立上传的模板,这个是你上传之后什么都不用做,就有这个效果。这个比较少用。我们最常用的是这个28款模板代码。我们现在就解压这个28款模板代码,其他的进阶你有空你再了解了解,或者说你是喜欢钻研,你可以再了解了解。

解压完成之后我们在online store (在线商城)–theme(主题)这里,我们点这个添加主题,上传主题文件。点击添加文件,

然后点击我们刚才解压的这个28款模板这个文件。选择这个第三个文件有个theme source,这个文件打开上传。

等它缓存一下,我们耐心等待一下,如果你觉得这个有点无聊,你可以先去喝杯咖啡,或者做一些其他什么的活动。我们他上传完之后,我们再来进行进一步的操作。

好,它现在已经上传完成了。这个心急不得啊,真的,有的时候这个取决于网速的卡不卡,就是有没有用加速器之类的一些方面。

现在点这个customize,也就是这个定制化主题。点进来就可以看到啊,我们已经可以开始装修了。

那我们这个购买之后的这个文件,它有什么用?那比如说,我想改变改变一下它的外观。在刚刚解压的文件这里你可以看到Homepage有 28个列表,

这28个列表安装之后的样子就在官方这里可以预览。

home one, home two ,home three, home four。这些是可以预览的。它们跟我们解压的代码是一一对应的。

那我们要怎么样改变这个外观?我们回到这个店铺后台,那改变外观的话,主要是编辑这个后台代码。编辑后台的代码是点击这三个点,然后点击Edit code。

我们主要要改的只有两个文件,这个很简单的,一点都不用担心。(如果看文档没有信心操作,可以先看完视频教程,总共就10分钟,一次性讲明白)。要改的文件:一个是indedx.jason,找到它之后把它全部删除。

好删除之后呢,比如说我现在看中的是第四个模板样式吧,第四个跟第一个差别很大吧?那我想用第四个的布局,我就在我下载的文件里面,找第四个,homepage 04,然后找到这个index 4,打开它,全选复制,然后,在这个代码这里粘贴进来。

然后点击save保存。然后还有一个setting,setting也要修改的。找到setting,打开它,然后全选复制。

然后在模板编辑代码这里,这个setting这里,我们选这个setting data.jason,全选–删除。粘贴刚才复制的代码,保存。好这样就完成了!

我们现在可以看一下这个效果,我们可以刷新一下这个效果。点击preview 预览,是不是布局变了?

那假如说我要其他的模板布局,也是一样的道理。比如我看中第5个模板,那我就去把后台的index.jason替换成index-5.txt里面的代码,再把setting data.jason替换成settings-data-5.txt里面的代码,保存就完成了。

还有一点,值得重点提的就是,这个模板它自带的这个资源里面是不包含图片的。你假如说能够找到一模一样的这个图片素材的尺寸比例,你替换它,效果就是跟这个预览里面一模一样的。这个大家要注意啊。

好了,装修完之后不要忘记回到店铺后台,点击这个publish把它发布到前台。

在这里提醒一下,装修的时候最好有备份的习惯。那怎么备份呢?备份就是点这里有3个点,然后点这个duplicate,这个是复制的意思。

就是说你复制完之后,这里有一个副本。副本就是你在更改你在线的目前激活的这个主题错误,想恢复到修改前的模样,那你可以通过备份的这个副本来恢复。只需要点击这个副本的publish,把它发布出去,就是恢复到原来的样子了。

可以给up主点个赞,加个关注,up主会持续更新。除了店铺装修之外,后续还会持续更新shopify主题模板二次开发教程,支付接入,如何选择物流商,怎么申请shopify payment(包过),如何做EDM邮件营销,如何做联盟营销,如何进行社媒推广,如何找红人,如何打社媒广告,等等。尽量保持每周1更

B站同步视频教程链接

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注