FROM CACHE - jp_header

カラースワッチ表示されない テーマdistrict

カラースワッチ表示されない テーマdistrict

Limue
訪問者
2 0 1

https://help.stylehatch.com/article/335-product-color-swatches

 

マニュアルを通りに色名をバリエーションとメタフィールド-colorのところに入れております。

カラースワッチは表示されないです。

テーマカスタマイズ設定では、カラースワッチ表示をONにしております。

 

原因は何でしょうか。

教えて頂けると助かります。

2件の返信2

Qcoltd
Shopify Partner
1059 436 428

@Limue 様

 

有料のテーマなのでコードまで確認できていないのですが、

結論、日本語ではうまく動かない可能性があります。

 

https://help.stylehatch.com/article/335-product-color-swatches

こちらのリンクによりますと、

https://www.w3schools.com/cssref/css_colors.php

このページに記載された色名は、自動的にカラースウォッチに反映されるようなのですが、

下図のようにうまくいきません。

 

screenshot_20230911_02.png

 

ヘルプページに記載の内容が正しいのであれば、最初の2つ、AliceBlueとBlackは、自動的にカラースウォッチになるはずですが、そうなりまりません。

 

しかし、表示言語をEnglishに変更しますと、下図のようにうまく動作します。

screenshot_20230911_03.png

 

日本語ではうまく動かない可能性が高いので、

ベンダーにお問い合わせいただいた方が良いかと思います。

 

なお、

https://help.stylehatch.com/article/335-product-color-swatches

こちらのページに記載されているカラースウォッチの表示方法は下記2つでした。

 

  1. https://www.w3schools.com/cssref/css_colors.php に記載の名称でカラー名を設定する
  2. snippets/swatch-colors.liquid に定義を追加する。

2については例えば下記のような記述を追加するようですね。

aiiro(藍色)を追加したい場合:

{%- assign swatch_color_aiiro = '#165e83' -%}

 

マニュアルを通りに色名をバリエーションとメタフィールド-colorのところに入れております。

 

とのことですが、 

ヘルプページを拝見する限り、

メタフィールドを使用することはなさそうでした。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
Limue
訪問者
2 0 1

ご連絡ありがとうございます。

 

ベンダーに問い合わせさせて頂きました。

今回の原因は、

日本語にすると、カラーのバリエーション名は自動的に「色」に変更されてしまいます。

 

「color」に戻せば、色スワッチが出るようになります。

 

色々調べて頂き、ありがとうございました。