テーマ管理

テーマ管理 カスタマイズ マイページトップ画面

カスタマイズ:マイページトップ画面でできること

マイページトップ画面のカスタマイズができます。

スクリーンショット 2024-09-05 13.24.51.png

カスタマイズ機能は対応したテーマテンプレート(ec_force_basic_theme)のみで利用可能です。
テーマ管理にテーマ(ec_force_basic_theme)を追加する方法は、テーマ管理 テーマを追加を参照ください。
2021/07以前に提供したすべてのテーマは本機能に対応していません。

セクション

マイページトップ画面の各セクションでは、以下の項目をカスタマイズできます。

ヘッダー

Caution!!

ヘッダーの設定は全画面共通の設定です。
※パスワード保護画面を除く

ロゴ画像

ロゴアライメント ヘッダーセクションのロゴの配置を設定します。
  • 中央揃え
ロゴ画像 画像をアップロードして設定します。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
ロゴの幅 ロゴの幅を設定します。
ロゴのリンク先 ロゴのリンク先を設定します。設定無しの場合はトップページに遷移します。

スクリーンショット 2024-03-01 17.05.41.png

告知バー

告知を表示する 告知バーの表示有無を設定します。
トップのみ表示 「告知を表示する」チェックを入れた際に、告知バーをトップのみに表示するかの有無を設定します。
テキスト 告知バーに表示するテキストを設定します。
※HTML使用可能です。
バー 告知バーの背景色を設定します。
テキスト 告知バーのテキストの色を設定します。


__________2021-07-27_21.37.57_____.png

バナー

バナーを表示する バナーの表示有無を設定します。
トップのみ表示 「バナーを表示する」チェックを入れた際に、バナーをトップのみに表示するかの有無を設定します。
PC画像 バナーとして表示する画像を設定します。
PCのみに適用されます。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
SP画像 バナーとして表示する画像を設定します。
SPのみに適用されます。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
バナーのリンク先 バナーを押下した際の遷移先を設定します。

ecfdev-12652_faq_1.png

検索窓

検索窓を表示する 検索窓の表示有無を設定します。
表示位置はロゴアライメントに追従します。

スクリーンショット 2024-05-29 17.31.17.png

ログイン状況

会員の名前を表示する 顧客がログインしている場合、アイコン画像の左隣に会員の名前が表示されます。
※SP表示の場合はアイコン画像のみが表示されます。
アイコン横のテキスト(任意) ログインボタンの左横に任意のテキストを設定できます。
ログインボタンはテーマ設定 > ログインメニューより表示可能です。
※HTML使用可能です。
アイコン画像(任意) アイコン画像を設定します。
画像をアップロードして設定します。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
アイコン横のテキスト・画像.png
メニュー メニューの設定を行います。既存の大項目・小項目・区切り線を含め、最大40個まで追加できます。
各項目には、初期状態ではテーマ管理 > 対象テーマ > 言語の編集で設定しているテキストが表示されます。
各項目は表示・非表示の切り替え、表示位置の変更が可能です。
スクリーンショット 2024-09-05 16.33.25.png
区切り線 メニューの区切り線です。
「区切り線を追加する」ボタンで追加したものを含め、削除が可能です。
大項目 画像内赤枠の箇所が該当します。
項目内の設定については下記「大項目・小項目の設定について」をご参照ください。
小項目 画像内青枠の箇所が該当します。
項目内の設定については下記「大項目・小項目の設定について」をご参照ください。
「大項目を追加する」ボタン 大項目を追加します。
「小項目を追加する」ボタン 小項目を追加します。
「区切り線を追加する」ボタン 区切り線を追加します。

大項目、小項目の設定について

リンクテキスト メニューに表示されるテキストを設定できます。初期状態では空欄です。
リンク先URL メニューを押した際に遷移する先のURLを設定できます。初期状態では空欄です。
画像アップロード(大項目のみ) 画像をアップロードして設定します。
※画像URLを用いた画像反映はテーマ管理 ファイルサイズの大きい画像の設定方法をご確認ください。
大項目.png小項目.png
会員ランク・ポイント 会員ランク表示とポイント表示の設定を行います。
表示・非表示の切り替え、表示位置の変更が可能です。
会員ランク機能・ポイント機能を無効にしている場合は非表示となります。
会員ランク 会員ランク名の表示の有無を設定します。
初期状態ではOFFとなっています。
次のランクまで 次のランクまでの表示の有無を設定します。
初期状態ではONとなっています。
保有ポイント 保有ポイントの表示の有無を設定します。
初期状態ではONとなっています。
スクリーンショット 2024-09-05 18.52.09.png
保有クーポン 保有クーポンの設定を行います。
表示・非表示の切り替え、表示位置の変更が可能です。 スクリーンショット 2024-09-05 18.17.44.png
購入履歴 購入履歴の設定を行います。
表示・非表示の切り替え、表示位置の変更が可能です。
定期購入 定期購入の設定を行います。
表示・非表示の切り替え、表示位置の変更が可能です。 スクリーンショット 2024-09-05 18.45.20.png
セクションを追加するボタン セクションの追加を行います。
「自由入力」と「カスタムHTML」の追加ができます。 スクリーンショット 2024-09-06 17.10.55.png

注意事項

テーマカスタマイズは、ecforceが提供するテーマテンプレート(ec_force_basic_theme)でのみ利用可能です。

  • 対象となるテーマテンプレート(ec_force_basic_theme)以外では本機能を利用できません。 対象外のテーマでは「カスタマイズ」をクリックした際に「このテーマはカスタマイズ機能に対応していません。」とのメッセージが表示され、テーマカスタマイズ画面に遷移できない状態になります。
  • 「アクション > コードの編集」からファイル編集をしたテーマはサポート対象外です。
  • カスタマイズ対応テーマのファイル構造の変更(ファイル名変更・ファイルの追加や削除)は非推奨です。

この記事の目次

このセクションの記事

テーマ管理