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

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

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

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

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

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

修改之后效果如下(模板: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 赞
最新
Temu跨境电商平台入驻费用详解:多少钱能开店?完整入驻流程指南
Temu跨境电商平台入驻费用详解:多少钱能开店?完整入驻流程指南
Temu跨境电商平台入驻费用一览:揭秘开店成本与步骤详解 Temu跨境电商平台以其高效的物流和友好的用户体验,吸引了许多商家和创业者。想要在Temu开店,了解入驻费用和...
Shein跨境电商平台入驻费用详解:多少钱及入驻流程解析
Shein跨境电商平台入驻费用详解:多少钱及入驻流程解析
Shein跨境电商平台入驻费用详解及流程全解析 在当今数字化时代,跨境电商已成为众多商家拓展国际市场的重要途径。而Shein作为全球知名的快时尚电商平台,吸引了大量...
菲律宾跨境电商市场攻略:最适合销售的爆款产品盘点
菲律宾跨境电商市场攻略:最适合销售的爆款产品盘点
菲律宾跨境电商市场攻略:揭秘最畅销的爆款产品 1. 电子产品及配件1.智能手机与平板电脑:随着互联网普及率的提高,智能设备需求激增。2.耳机和音响设备:高品质音频体验...
精选跨境电商供应商名录:如何寻找优质供货商指南
精选跨境电商供应商名录:如何寻找优质供货商指南
跨境电商供应商选择全攻略:品质、成本与合规性全面解析 在跨境电商领域,选择合适的供应商是业务成功的关键。本文将从产品品质、成本控制、供货能力、售后服务以及...
跨境电商业务模式全景解析:主流运作模式一览
跨境电商业务模式全景解析:主流运作模式一览
跨境电商业务模式全景解析:主流运作模式一览 在全球化浪潮下,跨境电商已成为连接国际市场的重要桥梁。本文将对跨境电商的主流业务模式进行全景解析,帮助您全面了解...
跨境电商9610模式与1210模式对比解析:区别与优势分析
跨境电商9610模式与1210模式对比解析:区别与优势分析
跨境电商9610模式与1210模式对比解析:区别与优势分析 在跨境电商领域,不同的贸易模式各有其特点和适用场景。本文将对9610模式和1210模式进行详细对比解析,帮助您...
Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 晋ICP备20005961号-2 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。