1 、首先依据你的Shopify网站风格,设计一个格式为jpg,png的buy on Amazon的按钮,Google图片上可以找到一大堆,你可以找一张,然后简单PS下,拿来用。
2 、进入Shopify后台 – SeTTing – Files,点击右上角的Upload Files按钮,将PS好的Buy on Amazon按钮的图片上传到你的Shopify网站中,并且复制该图片的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,保存,就完成设置了
另外可以尝试通过在DEScription里面添加亚马逊按钮试试。效果也差不太多的。
精选留言
写留言
太帅了,刚好我需要,感谢亲
代码不正确,无法复制代码,自己抄下来的放到代码那里,显示这段话错误
product.options.size == 1 and product.variants[0].title == ‘Default
Title’
发表评论