EC-CUBE 3.x

titleの並びや区切り記号を変更する方法

by TheVOS posted Apr 10, 2019
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print Attachment
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print Attachment
Extra Form
Original source https://www.nxworld.net/cms/ec-change-ti...rator.html
EC-CUBE 3.X:titleの並びや区切り記号を変更する方法

EC-CUBE 3.Xは、デフォルトのテンプレートだとtitle表示が「ショップ名 / ページ名」という形になっていますが、それを任意の並びにしたり区切り記号を変更したりする方法です。

※紹介している内容はEC-CUBEのVersion 3.0.10で動作確認したもので、デフォルトのテンプレートを使っている想定になります。

※変更した内容が反映されない場合は、管理画面の「コンテンツ管理 < キャッシュ管理」にある「キャッシュクリア」ボタンを押して再度確認してみてください。

公式サイトで公開されているデモを見ても確認できますが、例えばデフォルトだとtitleの表示がTOPページは「ショップ名 / TOPページ」、当サイトについてページでは「ショップ名 / 当サイトについて」といったように、先頭にショップ名が表示、区切り記号は「/」を使用、その後ページ名を表示という形になっています。
このままでも気にならないという人ももちろんいるでしょうが、並びと区切り記号を変更したいという時は以下を変更することで任意の表示にできます。

まず、デフォルトテンプレートではtitle部分を表示している記述はdefault_frame.twigというファイルになるので、その中にある下記のような記述(27行目辺り)を探します。

default_frame.twig

<title>{{ BaseInfo.shop_name }}{% if subtitle is defined and subtitle is not empty %} / {{ subtitle }}{% elseif title is defined and title is not empty %} / {{ title }}{% endif %}</title>

今回は例として「ショップ名 / ページ名」の表示を「ページ名 - ショップ名」に変更してみます。
上記の記述を下記のように変更し、{{ BaseInfo.shop_name }}{{ title }}といったショップ名やページタイトルをそれぞれ表示するタグの並びを入れ替え、区切り記号も「/」からサンプルコードのハイライト表示部分のように「-」を使う形に変更します。

default_frame.twig

<title>{% if subtitle is defined and subtitle is not empty %}{{ subtitle }} - {% elseif title is defined and title is not empty %}{{ title }} - {% endif %}{{ BaseInfo.shop_name }}</title>

上記変更後にページを確認(必要であればキャッシュクリアをしてから)すると各ページのtitle部分が「ページ名 - ショップ名」という形に変更されているのを確認でき、例えばTOPページの場合は「TOPページ - ショップ名」へ、当サイトについてページであれば「当サイトについて - ショップ名」といった形になります。

TAG •
?

  1. デフォルトのtitleを任意のものに変更する方法

    Date2019.04.10 CategoryEC-CUBE 3.x ByTheVOS Views0
    Read More
  2. titleの並びや区切り記号を変更する方法

    Date2019.04.10 CategoryEC-CUBE 3.x ByTheVOS Views0
    Read More
  3. 商品数や階層に関係なく全カテゴリーを表示させる方法

    Date2019.04.10 CategoryEC-CUBE 2.x ByTheVOS Views0
    Read More
  4. 商品名などで長くなったテキストを省略する方法

    Date2019.04.10 CategoryEC-CUBE 2.x ByTheVOS Views0
    Read More
  5. サイトデザインをPCで統一させる方法

    Date2019.04.10 CategoryEC-CUBE 2.x ByTheVOS Views0
    Read More
  6. 商品ステータスを変更・追加する方法

    Date2019.04.10 CategoryEC-CUBE 2.x ByTheVOS Views0
    Read More
  7. 新規作成したページURLから「user_data」を消す方法とURLを出力するテンプレートタグ

    Date2019.04.10 CategoryEC-CUBE 3.x ByTheVOS Views1
    Read More
  8. 메일 사용자 설명서

    메일 사용자 설명서

    Date2019.03.29 CategoryMail service ByTheVOS Views1
    Read More
  9. 페이스북위젯 삽입하기

    Date2018.12.15 Category$user_lang->userLang20181212221921012 ByTheVOS Views2
    Read More
  10. 구글 캘린더 합치기

    Date2018.12.12 Category$user_lang->userLang20181212221921012 ByTheVOS Views76
    Read More
  11. THEVOS Youtube BOARD SKIN 사용 설명

    THEVOS Youtube BOARD SKIN 사용 설명

    Date2018.11.11 ByTheVOS Views6
    Read More
Board Pagination Prev 1 Next
/ 1