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