在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 %}那么你的模版是有多个产品页模版的,这个不多解释,都添加上就行。测试下就能看到效果。