ECサイトのロゴをやファビコン、メールロゴを変更するには、管理画面のテーマから行います。

ロゴ

ロゴを変更するには、以下の手順で行います。

管理画面の上部メニューから、「デザイン > テーマ」に移動。

テーマの下にMain:ロゴがあり、サイトロゴが表示されています。

サイトロゴの下に、「他のロゴを表示する」ボタンがありますが、こちらをクリックすると、サイトロゴ以外が表示されます。

サイトロゴ

サイトロゴを変更する場合には、サイトロゴが表示されている右側にある「ファイルまたはURLを選択」から、ロゴを置いている場所を指定します。

  • ローカル
  • サーバ
  • URL

ローカルやサーバで画像を指定すると、以下のようにアップロードするファイル名が表示されます。

右上の「保存」ボタンをクリックして保存すると、ロゴが挿し変わります。

ファビコン、メールロゴ、

「他のロゴを表示する」ボタンをクリックすると、メインロゴ以外も表示されます。

これらを変更する場合には、メインロゴを同様の手順で変更を行います。

ロゴの最適な画像サイズ

ロゴの画像サイズは、ロゴの利用目的によって異なりますが、大きすぎる画像をアップロードしないでください。

CS-Cartのデモサイトのロゴサイズは、176×34ピクセルで、ECサイトのロゴの画像サイズは、ロゴが配置されているブロックの幅によって制限されます。

ロゴはメールにも表示されますが、メールのロゴの画像サイズは制限されていないため、適切なサイズの画像を使用することをお勧めします。

画像サイズを変更したい場合には、必要に応じて、「一般設定 > 通知 > コードスニペット」を開き、「Header」で以下の部分を修正することで、メールで利用されるロゴの最大画像サイズを制限できます。

<img src = "{{logos.mail.image.image_path}}" alt = "{{company_data.company_name}}" width = "{{logos.mail.image.image_x}}" height = "{{logos. mail.image.image_y}} "/>

こちらを以下のように変更すると、メールのロゴの最大画像サイズは300×300ピクセルになります。

<img src = "{{logos.mail.image.image_path}}" alt = "{{company_data.company_name}}" style = "max-width: 300px; max-height: 300px;" />