• 搜索
官方微信群 扫码添加,拉你进群
订阅号
服务号
跨境资讯

为你推送和解读最前沿、最有料的跨境电商资讯

90% 亚马逊卖家都在关注的微信公众号

精选今日跨境电商头条资讯

Amy聊跨境:阿联酋VAT怎么退税?能不能申请退税?一文看懂!

网商动力
网商动力(https://www.eckey.cn)跨境电商,致力于提供一手资讯、干货知识。
2021-03-31 18:04:15
15

修改之后效果如下(模板:turbo):

图片

修改步骤:

  1. 首先在模板中找到 product-swatch.liquid   或者 swatch.liquid  模板不同包含变体代码的文件不同

  2. 下面我列举常用模板修改之后的代码文件,可以直接复制到你的模板中。

 

Turbo

文件名:product-swatch.liquid

{% comment %}  Set the extension of your color files below. Use 'png', 'jpeg', 'jpg' or 'gif'.{% endcomment %}{% capture option_index %}option{{ option.position }}{% endcapture %}{% assign file_extension = 'png' %} {% assign swatch = product-swatch %}{% assign found_option = false %}{% assign is_color = false %}{% assign option_index = 0 %} {% for option in product.options %}  {% if option == swatch %}    {% assign found_option = true %}    {% assign option_index = forloop.index0 %}    {% assign downcased_option = swatch | downcase %}    {% if downcased_option contains 'color' or downcased_option contains 'colour' %}      {% assign is_color = true %}    {% endif %}  {% endif %}{% endfor %} <div class="swatch clearfix" data-option-index="{{ option_index }}">  <div class="option_title">{{ swatch }}</div>  {% assign values = '' %}  {% for variant in product.variants %}  {% assign value = variant.options[option_index] %}  {% assign variant_image = variant.image | default: product.featured_image %}  {%- assign image_url = variant_image | img_url: 'x50' -%}    {% unless values contains value %}      {% assign values = values | join: ',' %}      {% assign values = values | append: ',' | append: value %}      {% assign values = values | split: ',' %}      <input id="swatch-{{ option_index }}-{{ value | handle }}-{{ product.id }}" type="radio" name="option-{{ option_index }}" value="{{ value | escape }}"{% if forloop.first %} checked{% endif %} />      <div data-value="{{ value | escape }}" class="swatch-element {% if is_color %}color {% endif %}{{ value | handle }}-swatch {% if variant.available %}available{% else %}soldout{% endif %}">        {% if is_color %}          <div class="tooltip">{{ value }}</div>        {% endif %}        {% if is_color %}          <label for="swatch-{{ option_index }}-{{ value | handle }}-{{ product.id }}" style="background-image: url({{ image_url }}); background-color: {{  }};">            <span class="crossed-out"></span>          </label>        {% else %}          <label for="swatch-{{ option_index }}-{{ value | handle }}-{{ product.id }}">            {{ value }}            <span class="crossed-out"></span>          </label>        {% endif %}      </div>    {% endunless %}  {% endfor %}</div>

 



二维码
我们建了一个亚马逊卖家交流群,里面不乏很多大卖家。
现在扫码回复“ 加群 ”,拉你进群。
目前30万+人已关注加入我们
声明:此文章来源于网络,不代表网商动力立场。如有侵权,请联系我们。
快给朋友分享吧!
0 赞
最新
eBay 商品发布指南:详细上传步骤解析
eBay 商品发布指南:详细上传步骤解析
eBay上架全攻略:新手卖家必读教程与注意事项 标签:eBay上架教程、eBay新手卖家、跨境电商、eBay商品发布 正文 对于涉足跨境电商的新手卖家来说,如何在eBay上成功...
如何在 eBay 分享商品链接:实用指南
如何在 eBay 分享商品链接:实用指南
如何在 eBay 分享商品链接:实用指南 在 eBay 上分享商品链接是一种有效的推广方式,可以帮助您吸引更多潜在买家。本文将详细介绍如何在 eBay 上分享商品链接,并提供...
eBay跟卖指南:如何在 eBay 上跟卖他人商品
eBay跟卖指南:如何在 eBay 上跟卖他人商品
eBay 跟卖指南:如何在 eBay 上跟卖他人商品 在 eBay 平台上,跟卖是一种常见的销售策略,允许卖家出售与现有 listing 相同的商品。通过跟卖,卖家可以利用已经建立的商...
国内充值指南:如何给 PayPal 账户快速充值
国内充值指南:如何给 PayPal 账户快速充值
如何快速给 PayPal 账户充值:国内用户指南 PayPal,作为全球领先的在线支付平台之一,为用户提供了便捷的跨境交易服务。然而,对于国内用户而言,如何快速且安全地给 Pay...
TEMU客服联系宝典:在线人工客服求助指南
TEMU客服联系宝典:在线人工客服求助指南
TEMU客服联系宝典:在线人工客服求助指南 在电子商务的广阔天地中,顾客服务是连接商家与消费者之间的重要桥梁。对于TEMU平台的商家而言,提供卓越的客户服务不仅是提...
TEMU商品管理指南:删除已发布商品的步骤详解
TEMU商品管理指南:删除已发布商品的步骤详解
TEMU商品管理指南:删除已发布商品的步骤详解 一、引言 在TEMU平台上,商家时常需要根据市场需求和库存情况调整其商品列表。无论是因为产品售罄、季节性需求变化还...
Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 晋ICP备20005961号-2 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。