FROM CACHE - zh-cn_header
已解决

如何通过代码形式添加trust badge 信任徽章?

mr_mason
观光客
5 1 1

我用的是Dawn模板,想利用代码的方法在以下位置添加信任徽章trust badge

1,页脚处

2,产品页面,即 加购 按钮下面

 

我问了下客服,说Dawn架构和之前的不一样,没有了product-template.liquid

现在可以添加到main-product.liquid和footer.liquid

但具体怎么添加谁知道呢?

1 个已接受解答

mr_mason
观光客
5 1 1
解决方案

经过一天的研究已经大体知道怎么添加了,具体方法如下,有需要的可以拿走。

但是!!注意!!——以下方式还无法实现页面的自适应调整,即电脑端放大或缩小时,以及通过移动端浏览时,图片比例发生变化,这个问题还得再研究一下,欢迎大家继续补充!

 

免费的Dawn模板是使用最新的“Online Store 2.0"的模板架构,跟之前的模板不同,Online Store 2.0 功能需要JSON模板才能正常运行,因此在Dawn不会有“product-template.liquid”的文件了,需要添加到 ”main-product.liquid" 中。

1、先把图片上传的店铺

2、把原有的模板做个备份

3、》编辑》编辑代码

4、Sections》main-product.liquid

5、大约在338行

6、添加以下代码:

<div class="trust-badge">
<img src="此处放图片的连接" alt="Trust Badge" height=320PX>
</div>

上述代码中height=320PX作用为调整图片大,320可以根据需要更改

alt="Trust Badge"作用为图片无法显示时,以Trust Badge代替

 

破坏者
 

在原帖中查看解决方案

1 条回复1

mr_mason
观光客
5 1 1
解决方案

经过一天的研究已经大体知道怎么添加了,具体方法如下,有需要的可以拿走。

但是!!注意!!——以下方式还无法实现页面的自适应调整,即电脑端放大或缩小时,以及通过移动端浏览时,图片比例发生变化,这个问题还得再研究一下,欢迎大家继续补充!

 

免费的Dawn模板是使用最新的“Online Store 2.0"的模板架构,跟之前的模板不同,Online Store 2.0 功能需要JSON模板才能正常运行,因此在Dawn不会有“product-template.liquid”的文件了,需要添加到 ”main-product.liquid" 中。

1、先把图片上传的店铺

2、把原有的模板做个备份

3、》编辑》编辑代码

4、Sections》main-product.liquid

5、大约在338行

6、添加以下代码:

<div class="trust-badge">
<img src="此处放图片的连接" alt="Trust Badge" height=320PX>
</div>

上述代码中height=320PX作用为调整图片大,320可以根据需要更改

alt="Trust Badge"作用为图片无法显示时,以Trust Badge代替

 

破坏者