在shopify产品页面添加付款安全类图片
今天老开心了,换了个新的键盘,码起字来根本停不下来,今天给大家带来一个在产品页面的购买按钮下方添加上支付安全,或者包邮、30天无条件退货等等的可以影响转化的元素。
废话不多说,直接上教程了。
第一种情况下的Shopify模版修改
1. online store(在线商店)
|
2. theme (模版主题)
|
3. actions(编辑)
|
4. edit code(编辑代码)
|
5. 在assets的文件夹内查找product-form.liquid 文件(有些模版可能会写成product-info之类的文件名)
|
6. ctrl+F查找,{% endform %}
|
7. 在其底部添加
<img src="图片URL" style=" width:100%;margin-top: 13px;">
|
8. 替换图片URL为你想放置的图片链接(在settings-files内上传获得链接)
|
9. margin-top: 13px;
这里是指图片和上一个布局之间的距离,需要调整可以调整该值。
第二种情况下的Shopify模版修改
还有一些模版的form是写在产品模版也内的,这样的模版修改办法如下:
1. 进入edit code(编辑代码)
|
2. 打开sections文件夹
|
3. 找到product-template之类的文件
|
4. 然后按照上面办法的第六步开始操作即可。
好了,不难,主要是找文件比较麻烦,干货就到这,喜欢的点赞!!
有简单类的开发需求可以加群交流,如果能够通用,我会讲教程写出来。
Tip
修改之前要自己备份下模版,也就是 actions(编辑)里面的duplicate,复制一个副本,避免你搞错了恢复不了悲剧。
上述的是大多数模版的文件结构,还有些模版的结构比较奇特,shopify没有固定模版作者的写法,所以如果位置找不到,不要盲目的尝试乱加。
如果你在多个文件中找到{% endform %}
那么你的模版是有多个产品页模版的,这个不多解释,都添加上就行。测试下就能看到效果。