Shopify网站添加Buy on Amazon按钮

    
发布于:2019-03-14               浏览: 1,882 次

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

词条内容仅供参考,如果您需要解决具体问题

(尤其在国际结算等领域),建议您在福步问答社区咨询相关领域专业人士。

相关文章

2个回复 在 “Shopify网站添加Buy on Amazon按钮”

  1. Kwok 2019年11月1日 在 下午5:41 #

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

  2. Kwok 2019年11月1日 在 下午8:02 #

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

发表评论