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