Docy Child

カラー

ここでは、ストアページの色の設定を変更することができます。

グローバル

ページボディのプライマリ&背景

ホームページ

テーマ設定:カラー - 背景 - ホームページ

商品ページ

テーマ設定:カラー - 背景 - 商品ページ

コレクションページ

テーマ設定:カラー - 背景 - コレクションページ

テキストと見出し

テキスト(赤) – プレースホルダー、ドロップダウン入力、infoメッセージなどに適応されます

見出し(緑) – 各ブロックの見出しなどに適応されます

ホームページ

テーマ設定:カラー - テキストと見出し - ホームページ

商品ページ(商品説明)

テーマ設定:カラー - テキストと見出し - 商品ページ

コレクションページ

テーマ設定:カラー - テキストと見出し - コレクションページ

ブログ記事

テーマ設定:カラー - テキストと見出し - ブログ記事

リンク

テーマ設定:カラー - テキストと見出し - リンク

ポップアップ背景

テーマ設定:カラー - ポップアップ背景

ボタン

ここでは、ボタンの色を設定することができます。

あらかじめボタンの種類を設定しておく必要があります。このテーマには”オート” 、”デフォルト”、”反転”、”セカンダリ”、”クリーン”の5つのボタンタイプがあります。

デフォルトボタン

ここでは、背景色、ボーダー色、テキスト色を設定できます。デフォルトとして設定するホバー(アクティブ)時のボタンの状態などを設定してください。

テーマ設定:カラー - ボタン - デフォルトボタン

ボタンの種類は、選択したスキンによって異なります。以下は、デフォルトのボタンの例です。

テーマ設定:カラー - ボタン - デフォルトのボタン例

セカンダリボタン

ここではセカンダリボタンタイプの色を設定することができます。上記で説明したデフォルトのボタンの状態(前の画像のような状態)に加え、セカンダリボタンのホバー設定も完了した状態が以下の例になります。

テーマ設定:カラー - ボタン - セカンダリボタン

クリーン、反転ボタン

クリーン、反転は別のタイプのボタンで、デフォルトとセカンダリのボタンと同じように色を設定できます。

ボタンタイプの設定

ここでは各ページのボタンの種類を変更することができます。

カートに入れるボタン @ コレクションページ

カートに入れるボタン @ 商品ページ

ウィッシュリストに追加ボタン @ 商品ページ

比較に追加ボタン @ 商品ページ

テーマ設定:カラー - ボタン - ボタンタイプ設定

カラーパレット

ここでは、ベース、ベース背景、テキスト、追加背景、ボーダー、アイコン、サクセス(在庫あり)、 エラー(セール)、「New」、「ホット」などの多様なラベル、および動的チェックアウトボタンの色を変更できます。

ベース

テーマ設定:カラー - カラーパレット - ベース

ベース背景

テーマ設定:カラー - カラーパレット - ベース背景

テキスト

テーマ設定:カラー - カラーパレット - テキスト

その他の背景

ここからのオプションは、背景が2つあるヘッダーに適用されます。

テーマ設定:カラー - カラーパレット - その他の背景

ボーダー

テーマ設定:カラー - カラーパレット - ボーダー

アイコン

テーマ設定:カラー - カラーパレット - アイコン

サクセス、在庫あり&エラー、セール、ラベル「新着」、ラベル「ホット」

テーマ設定:カラー カラーパレット - サクセス・在庫ありなど

動的チェックアウトボタン

テーマ設定:カラー - カラーパレット - 動的チェックアウトボタン

動的チェックアウトボタンの背景色を変更するには、テーマ設定→商品ページとクイックビューで「動的チェックアウトボタンのカスタムスタイル」オプションを有効にする必要があります。詳細はこちらをご覧ください。

ラベル(予約プリオーダー)

テーマ設定:カラー - カラーパレット - 予約プリオーダーラベル

インプット背景

テーマ設定:カラー - カラーパレット - インプット背景