概要
Header モジュールの設定
General（一般）
Title（タイトル）
テーマタイトルからの継承
{{cart_quantity}} を使ってカート内のアイテム数を動的に含めることができます。テキストの配置は Side または Center に設定でき、ストアのコンテンツ構造に基づいて、H2、H3、H4 の適切な見出しレベルを選択できます。
ブランドロゴ
- 最高の品質と透明背景のサポートのため、PNG ファイルの使用をおすすめします。
- JPEG も使用できますが、特にロゴに背景や細かいディテールがある場合、きれいに見えないことがあります。
テキストスタイルの定義
{{cart_quantity}} を含めることができます。テキストの配置は Side または Center に設定でき、フォントの太さを Normal、Semibold、Bold に変更するオプションがあります。フォントサイズは視覚的なスライダーを使用して 14px から 48px まで調整でき、任意でテキスト色のオーバーライドを適用できます。
閉じるボタンは、ストアのデザインに合わせてカスタマイズできます。Location（位置）は、ドロワーの Left（左）または Right（右）に配置します。Background、Icon、Border は、それぞれ色と個別のホバー色を指定できます。Icon size は Small、Medium、Large、Icon thickness は Normal または Thick です。Border は None、Thin、Normal、Thick のいずれかです。
Border が None に設定されている間は、境界線の色と境界線のホバー色のフィールドは無効になります。まず境界線の太さを選択してから、その色を設定してください。
カスタムテンプレート
ヒント
- 正確な余白やサイズ調整が必要ですか？ スライダーを超えた完全なコントロールには Custom CSS を使用してください。正確なマージン、パディング、ロゴのスケーリングに最適です。
- デスクトップとモバイルの両方でテストしてください。 テキスト、ロゴ、ボタンなどのヘッダー要素は、画面サイズによって表示が異なる場合があります。
- 適切な見出しレベルを使用してください。 正しい見出し（H2、H3、H4）を選択することは、アクセシビリティと SEO に役立ちます。ストアのコンテンツ構造に合わせてください。