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

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

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

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

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

跨境搜
跨境电商,致力于提供一手资讯、干货知识。
2021-03-31 18:04:15
1

修改之后效果如下(模板: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 赞
最新
【卖方通跨境早报】亚马逊占据德国电商市场56%份额;亚马逊销售额大多来自于第三方卖家;eBay发布有害物质刊登新规
【卖方通跨境早报】亚马逊占据德国电商市场56%份额;亚马逊销售额大多来自于第三方卖家;eBay发布有害物质刊登新规
5月29日 周一《卖方通》>>>跨境早报60秒 知晓跨境电商大小事情!【05.31】-【舞动八闽 品耀全球】亚马逊全球开店卖家峰会报名链接:http://mtw.so/68757h 1.根据HDE...
冲上亚马逊热销榜!TikTok又带火一波家居产品!
冲上亚马逊热销榜!TikTok又带火一波家居产品!
卖方通获悉,在TikTok病毒式短视频的传播下,亚马逊上的一些创意家居产品持续爆火。以下这几款产品,销量呈持续上升趋势。 一、Shave Well防雾浴室镜 这款产品凭借其优...
Tokopedia美容和个人护理类目销量翻倍!热卖产品公布!
Tokopedia美容和个人护理类目销量翻倍!热卖产品公布!
卖方通获悉,近日,Tokopedia报告说,由于防疫措施解除,人们恢复户外活动,彩妆和护肤品的需求大增。 虽然疫情已经结束,但印尼人仍然依赖网上购物。一项调查显示,2023年,印尼...
Asos达成再融资协议!融资7500万英镑!
Asos达成再融资协议!融资7500万英镑!
卖方通获悉,Asos已从股东那里筹集了7500万英镑,并达成了一项基于资产的贷款再融资协议,以加强其资产负债表。这家零售商目前正处于巨额亏损的扭亏为盈计划中,已与专业...
全是商标维权案!GBC新代理CHRYSLER 克莱斯勒汽车超多商标维权和化妆品商标COLOURPOP立案维权!
全是商标维权案!GBC新代理CHRYSLER 克莱斯勒汽车超多商标维权和化妆品商标COLOURPOP立案维权!
CHRYSLER 克莱斯勒汽车23-cv-3304/3308 CHRYSLER 克莱斯勒汽车FCA US LLCGBC品牌介绍原告FCA US LLC是一家跨国汽车制造公司,是世界上最大的汽车制造商之一,在美国...
干货|活动期间网站如何配合烘托促销气氛
干货|活动期间网站如何配合烘托促销气氛
旺季来临,大多独立站都在为产品提供优惠,这是提高网站转化率以及培养客户忠诚度的有效途径。不过我们发现,尽管有些独立站折扣力度高达60%,但是进入网站后并没有凸显...
Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 声明:网站上的服务均为第三方提供,与跨境搜无关。请用户注意甄别服务质量,避免上当受骗。