查看: 1370|回复: 22

购物按钮下的 购物安全保证图片 怎么添加

[复制链接]

2

主题

2

帖子

36

积分

新手上路

Rank: 1

积分
36
发表于 2018-3-25 09:44:38 | 显示全部楼层 |阅读模式
购物按钮下的 购物安全保证图片 怎么添加

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

71

主题

428

帖子

1385

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1385
QQ
发表于 2018-3-25 20:55:33 | 显示全部楼层
添加的方法有三种,
最简单的一种是在应用市场搜索Trust Badge,然后找到你想要的APP安装就可以了
第二种办法是购买特定的模板,有不少模板是自带这一功能的,如Shoptimized
第三种办法就是自己做一张图片,通过代码的方式插入到你的主题里面。因为主题文件结构的不同,修改代码的位置可能不同,这个就需要自己去辨别了。这里我用Shopify的免费主题Brookyln做演示。图片可以去Google Image里面搜索Trust Badge,如下图,选择一个自己喜欢的图片下载下来。



下载下来的图片最好先用PS或者百度图片在线压缩工具将图片压缩下,以防止文件过大影响网站的加载速度。


鉴于大部分人不懂HTML,这里可以先将图片上传到Shopify,然后利用Shopify编辑框自动生成HTML:打开shopify后台 - Product - Add Product, 将刚刚下载下来的图片上传上去,在编辑框中显示,你可以在编辑框中对图片进行居中操作,大小更改



改行之后点击Show HTML按钮,复制下来图片的HTML代码




打开Shopify的后台 - Online Store - Theme - Current Theme - Actions - Edit Code, 如下图所示。 (如果你不懂代码,为防止误操作,建议在修改代码之前对主题进行备份。具体操作方法见:https://waimaob2c.com/4-3-shopify-theme-download-install.html 这篇文章里面关于Duplicate功能的介绍




打开主题的代码文件之后,在左侧搜索框中输入Product,然后在Section文件下打开product-template.liquid,然后使用键盘快捷键Ctrl+F打开搜索框,输入Button,找到购物车代码的位置,在购物车代码下面,也就是</form>的上方插入一个空行,将你刚刚复制的Trust Badge的图片HTML代码粘贴到空行的位置。然后点击右上角的Save按钮,对保存进行更改。


如下图所示:




这样就可以了,打开你的任意产品页面,就可以在购物车下方看到你刚刚添加的Trust Badge的图片了。如下图所示。




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

0

主题

1

帖子

18

积分

新手上路

Rank: 1

积分
18
发表于 2018-3-26 15:33:02 来自手机 | 显示全部楼层
Conway 发表于 2018-3-25 20:55
添加的方法有三种,
最简单的一种是在应用市场搜索Trust Badge,然后找到你想要的APP安装就可以了
第二种办 ...

好帖,学习了
回复

使用道具 举报

18

主题

59

帖子

325

积分

中级会员

Rank: 3Rank: 3

积分
325
发表于 2018-4-6 11:05:01 | 显示全部楼层
我都是在每次上产品的时候添加Trust badge图片,这个可以吗
回复

使用道具 举报

6

主题

42

帖子

154

积分

注册会员

Rank: 2

积分
154
发表于 2018-4-27 18:38:06 | 显示全部楼层
回复

使用道具 举报

0

主题

6

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2018-5-9 18:17:17 | 显示全部楼层
打扰啦,请问购买按钮的颜色是在哪里修改呀
回复

使用道具 举报

0

主题

6

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2018-5-9 18:59:40 | 显示全部楼层
刚找到啦,谢谢楼主分享的知识
回复

使用道具 举报

3

主题

23

帖子

84

积分

注册会员

Rank: 2

积分
84
发表于 2018-5-9 23:10:25 | 显示全部楼层
非常感谢,用第三种方法搞定了。但是同时也有个问题请教,搜索的app的没法安装,是因为没有科学上网的原因吗?Messenger 也无法连接。难道需要长期连接v吗?求教,谢谢。
回复

使用道具 举报

8

主题

62

帖子

205

积分

中级会员

Rank: 3Rank: 3

积分
205
发表于 2018-5-12 11:03:07 | 显示全部楼层
按照楼主第三种方法昨晚找了,都没找到button的位置,有button的位置如下,感觉不太对呢,就没改,怕改错就麻烦了

{%- if item.show_share_buttons -%}
<div class="container-indent wrapper-social-icon">
  <div class="container text-center">
    {%- include 'addthis' -%}
  </div>
</div>
{%- endif -%}
回复

使用道具 举报

7

主题

65

帖子

203

积分

中级会员

Rank: 3Rank: 3

积分
203
发表于 2018-5-18 18:35:13 | 显示全部楼层
太感谢了 啊 !大神,能看你的网站吗
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门推荐

我是shopify新手,关于网站优化有些操作不会,请教大神指教
我是shopify新手,关于网
我们公司网站现在在做google推广,所以有些页面要优化
店铺的呈现
店铺的呈现
贴吧的小伙伴们大家好,我今天请教的问题是我们的这个支付图标为什么成灰色状态(给人
关于SHOPIFY关键字疑问
关于SHOPIFY关键字疑问
小白我想弄明白一个疑问?请路过这个帖子的大大们给出你的看法和意见 做
换主题样式不成功
换主题样式不成功
大家有遇到在换主题其它样式的时候出现这种提示吗?错误提示文本:'helvetica_n2' is
求助:增加第三方购买的域名绑定不了
求助:增加第三方购买的域
RT所示。图三输入后直接就是图二。然后我点vertify就变成图一了。根本没有教程说的
求助群主,安装app时修改编码出现问题
求助群主,安装app时修改
求助群主,在安装app需要添加编码,添加完成后,我的产品页出现多余的编码">(如图)
关于facebook广告账户绑定支付方式时,被禁用账户
关于facebook广告账户绑定
事情是这样的,今天我在facebook商务管理平台---支付这个选项下绑定了一张信用卡,本

Archiver|手机版|小黑屋|

  • Copyright   ©2015-2016  Shopify论坛 | WaimaoB2C.cn   Powered by©Discuz!   
快速回复 返回顶部 返回列表