Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用

Shopify sections模板文件里面添加text、textarea等字段

现在使用Shopify的用户越来越多,但是自己有不会程序的开发,所以基本上都是使用免费或者购买shopify主题来搭建自己的店铺。但不是所有的主题都能完美的符合自己的心意,比如想在一些图片下面添加一段简单的描述、或者在某个板块上面添加一个标题,点单的方法是找到对应的标签下面添加一个标签,然后把一段文字或者一个标题放在里面,但是这样比较麻烦,每次修改还得找到对应的文件,并且还得天天和一大堆HTML打交道,对于不懂得人是一件非常头疼的事情。下面我给大家说一个方法,只要复制粘贴就可以了,
例如;在首页的三个图片的上面和下面添加标题和描述,如图所示:

QQ图片20181114134134.png

 
1、首先需要打开后台,进入到代码编辑的部分:
QQ图片20181114133659.png

 
同时把Customize theme页面也打开,将标题的输入框放在下图左边的位置:
QQ图片20181114135135.png

 
2、然后在sections文件下面找到对应的模块文件,然后鼠标拉到最下面黑色标签位置:
QQ图片20181114135425.png

 
3、将下面的代码添加在上图红色位置,

QQ图片20181114135756.png

 
	  ,

{
"type": "text",
"id": "title",
"label": "Heading",
"info": "Optional"
}
4、然后刷新Customize theme页面,就会看到一个输入框:

QQ图片20181114140125.png

 
然后将需要添加的标题写在里面,保存。
 
5、接下来还是回到原来的模块文件,鼠标拉到最上面,并找到需要添加的位置:

QQ图片20181114140434.png

 
6、添加以下代码,并保存:

QQ图片20181114140527.png
<h2>{{ section.settings.title }}</h2>
7、刷新前台,添加的内容就显示了,当然样式要简单的调整下就可以了。

QQ图片20181114140712.png

 
图片下面的标题和一段文字也是同样的添加方法:
QQ图片20181114141042.png

QQ图片20181114141227.png

QQ图片20181114141304.png

 
如果想成CheckBox,只要将type改成checkbox,id重新改一个小写的名字,方便调用,label改成一个小的标题就可以。
 
如果在添加的过程中遇到其他的问题,可通过下面的链接联系我们。
https://www.eastdesign.net/contact/
2
2018-11-14

1 个评论

很不错详实的教程,谢谢BOB的精彩分享。

要回复文章请先登录注册