🟦
カラー
ここでは、ストアページの色の設定を変更することができます。
グローバル
ページボディのプライマリ&背景
ホームページ
テーマ設定:カラー - 背景 - ホームページ
商品ページ
テーマ設定:カラー - 背景 - 商品ページ
コレクションページ
テーマ設定:カラー - 背景 - コレクションページ
テキストと見出し
テキスト(赤) - プレースホルダー、ドロップダウン入力、infoメッセージなどに適応されます
見出し(緑) - 各ブロックの見出しなどに適応されます
ホームページ
テーマ設定:カラー - テキストと見出し - ホームページ
商品ページ(商品説明)
テーマ設定:カラー - テキストと見出し - 商品ページ
コレクションページ
テーマ設定:カラー - テキストと見出し - コレクションページ
ブログ記事
テーマ設定:カラー - テキストと見出し - ブログ記事
リンク
テーマ設定:カラー - テキストと見出し - リンク
ポップアップ背景
テーマ設定:カラー - ポップアップ背景
ボタン
ここでは、ボタンの色を設定することができます。
あらかじめボタンの種類を設定しておく必要があります。このテーマには"オート" 、"デフォルト"、"反転"、"セカンダリー"、"クリーン"の5つのボタンタイプがあります。
デフォルトボタン
ここでは、背景色、ボーダー色、テキスト色を設定できます。デフォルトとして設定するホバー(アクティブ)時のボタンの状態などを設定してください。
テーマ設定:カラー - ボタン - デフォルトボタン
ボタンの種類は、選択したスキンによって異なります。以下は、デフォルトのボタンの例です。
テーマ設定:カラー - ボタン - デフォルトのボタン例
セカンダリーボタン
ここではセカンダリーボタンタイプの色を設定することができます。上記で説明したデフォルトのボタンの状態(前の画像のような状態)に加え、セカンダリーボタンのホバー設定も完了した状態が以下の例になります。
テーマ設定:カラー - ボタン - セカンダリーボタン
クリーン、反転ボタン
クリーン、反転は別のタイプのボタンで、デフォルトとセカンダリのボタンと同じように色を設定できます。
ボタンタイプの設定
ここでは各ページのボタンの種類を変更することができます。
カートに入れるボタン @ コレクションページ
カートに入れるボタン @ 商品ページ
ウィッシュリストに追加ボタン @ 商品ページ
比較に追加ボタン @ 商品ページ
テーマ設定:カラー - ボタン - ボタンタイプ設定
ペイントパレット
ここでは、ベース、ベース背景、テキスト、追加背景、ボーダー、アイコン、サクセス(在庫あり)、 エラー(セール)、「New」、「ホット」などの多様なラベル、およびダイナミックチェックアウトボタンの色を変更できます。
ベース
テーマ設定:カラー - ペイントパレット - ベース
ベース背景
テーマ設定:カラー - ペイントパレット - ベース背景
テキスト
テーマ設定:カラー - ペイントパレット - テキスト
その他の背景
ここからのオプションは、背景が2つあるヘッダーに適用されます。
テーマ設定:カラー - ペイントパレット - その他の背景
ボーダー
テーマ設定:カラー - ペイントパレット - ボーダー
アイコン
テーマ設定:カラー - ペイントパレット - アイコン
サクセス、在庫あり&エラー、セール、ラベル「新着」、ラベル「ホット」
テーマ設定:カラー ペイントパレット - サクセス・在庫ありなど
ダイナミックチェックアウトボタン
テーマ設定:カラー - ペイントパレット - ダイナミックチェックアウトボタン
ダイナミックチェックアウトボタンの背景色を変更するには、テーマ設定→商品ページとクイックビューで「ダイナミックチェックアウトボタンのカスタムスタイル」オプションを有効にする必要があります。詳細はこちらをご覧ください。
ラベル(予約プリオーダー)
テーマ設定:カラー - ペイントパレット - 予約プリオーダーラベル
インプット背景
テーマ設定:カラー - ペイントパレット - インプット背景