Shopify网站添加Buy on Amazon按钮

分类:外贸网站跨境电商 2019年3月14日 阅读 2,115次

1 、首先依据你的Shopify网站风格,设计一个格式为jpg,png的buy on Amazon的按钮,Google图片上可以找到一大堆,你可以找一张,然后简单PS下,拿来用。

2 、进入Shopify后台 – SeTTing – Files,点击右上角的Upload Files按钮,将PS好的Buy on Amazon按钮的图片上传到你的Shopify网站中,并且复制该图片的URL地址.

Shopify网站添加Buy on Amazon按钮
3 、将这段代码中的#换成上一步中复制的Buy on Amazon按钮的图片URL地址,然后复制修改好的这段代码

<a href=”{{ product.variants.first.barCODe }}”><img src=”# “/></a>

(如果添加代码之后还是不显示亚马逊购买按钮图片,情注意复制粘贴的代码中,是否有部分英文字符状态下的引号 “” 被替换为了中文状态的引号 “”。请务必注意下差别)

4 、找到产品页面的liquid文件。一般Shopify官方的主题文件位置在: Shopify后台-Online Store – Themes – EDIt HTML/CSS – Sections – product-template.liquid 文件,然后在这个文件中找到添加购物车或者button字样的代码,并且将步骤3中复制的代码粘贴到购物车代码的下方,然后保存文件就可以了。(具体代码位置可能因为主题原因会和下面代码不同,请具体分析)

<div class=”product-form__item product-form__item–submit”>
<button type=”submit” name=”add” id=”AddToCart-{{ section.id }}” {% unless current_variant.available %}disabled=”disabled”{% endunless %} class=”btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == ‘Default Title’ %} product-form__cart-submit–small{% endif %}”>
<span id=”AddToCartText-{{ section.id }}”>
{% unless current_variant.available %}
{{ ‘products.product.sold_out’ | t }}
{% else %}
{{ ‘products.product.add_to_cart’ | t }}
{% endunless %}
</span>
</button>
</div>
<a href=”{{ product.variants.first.barcode }}”><img src=”https://cdn.shopify.com/s/files/1/2115/3409/files/QQ_20170621143509.png”/></a>
</form>

5 、以上代码添加完毕之后记得点击右上角的Save按钮保存更改,在你的产品页面就会有一个Buy on Amazon按钮了

6 、打开具体的产品添加页面,在Inventory项下的Barcode一栏中填人你对应产品的Amazon Listing的URL,保存,就完成设置了

前台显示效果如下:

PS:目前这个方法可用,但是只能添加一个Amazon站点的链接地址

另外可以尝试通过在DEScription里面添加亚马逊按钮试试。效果也差不太多的。

该词条对我有帮助

0

词条内容仅供参考,如果您需要解决具体问题(尤其在国际结算等领域),建议您在福步问答社区咨询相关领域专业人士。

相关推荐
icp许可证是什么_经营性icp许可证办理流程

icp许可证是什么_经营性icp许可证办理流程

ICP 许可证是什么 据工信部《互联网信息服务管理办法》(国务院…

网络推广100种方法

网络推广100种方法

网络推广100种方法一 1.发布连载内容。连载可以增加访问者的粘…

联合国危险货物编号(UN NO.)_UN编号查询网站

联合国危险货物编号(UN NO.)_UN编号查询网站

联合国危险货物编号(UN NO.) 联合国危险货物编号(UN n…

谷歌搜索打不开(可下载谷歌访问助手插件)

谷歌搜索打不开(可下载谷歌访问助手插件)

谷歌访问助手插件功能简介 最简单易用的谷歌访问助手,为chrom…

Shopify物流发货及运费设置教程

Shopify物流发货及运费设置教程

Shopify运费设置 Shopify运费的设置也在很大一定程度…

shopify教程_shopify注册开店收款流程详解

shopify教程_shopify注册开店收款流程详解

shopify注册教程 Shopify注册流程很简单,但是还是有…

精选留言

写留言

  1. Kwok

    太帅了,刚好我需要,感谢亲

    2019年3月14日
  2. 代码不正确,无法复制代码,自己抄下来的放到代码那里,显示这段话错误
    product.options.size == 1 and product.variants[0].title == ‘Default
    Title’

    2019年3月14日

发表评论

请输入评论内容