関連カテゴリを簡略化2019年2月6日EC-CUBE4の商品詳細表示に含まれる、関連カテゴリ表示は標準では以下のようになっています。親カテゴリが複数表示される「総表示」形式になっています。関連カテゴリが少ない場合は問題ありませんが、関連カテゴリが10個以上あったり、孫カテゴリがあったりすると膨大な表示量になります。PCの時は気になりませんが、スマホで表示すると画面全部関連カテゴリ表示となり、少々関連カテゴリが多すぎる印象になります。これを以下のような表示にする必要があり、関連カテゴリの表示方法を見直しました。[アイス][アイスクッキー][新作][シリーズ][オーガニック]カテゴリ名を1回だけの表示にする標準では同じカテゴリ名が複数回表示されるため、これを1回だけの表示に変更します。試行錯誤して対応できたため、忘備録として残します。修正後のコーディングを以下に記載します。スポンサーリンク直す個所はテンプレートのみEC-CUBE4では、「twig」と呼ばれるテンプレートエンジンが採用されております。要するにテンプレートからある程度PHPの操作ができる仕組みになっています。関連カテゴリ表示は、既にあるカテゴリ情報から必要な部分を取り出す処理がテンプレート側だけで行われており、今回の改修はテンプレートの修正だけで完結します。EC-CUBE4のフロントテンプレートは、「src\Eccube\Resource\template\default」フォルダにありますが、これを「app\template\default\」にコピーすることで、原本テンプレートを残したまま改造することができます。下準備として、appフォルダのほうに、テンプレートをコピーします。関連カテゴリ表示のある商品詳細ページのテンプレートは、「template\default\Product\detail.twig」にあります。このテンプレートの287行目あたりに関連カテゴリ表示があります。直す個所は以下の部分です関連カテゴリ表示の仕組みは、1の部分で関連カテゴリをループ表示し、2の部分で親カテゴリを遡って抽出しながら表示をしています。やりたいことは、同じカテゴリの重複表示をなくしたいので、2の親カテゴリをさかのぼる処理を無しにします。それが以下の修正です。親カテゴリをさかのぼって探すループそのものを削除し、関連カテゴリだけをダイレクトに表示します。これでカテゴリの重複表示がされなくなります。修正後のコーディングを以下に記載します。ProductCategory.Category.nameという風に変数の名称を変えています。今回のレポートは以上です。読んでいただいてありがとうございました。スポンサーリンクこのような記事も読まれています(広告を含んでいます)ホームページに関するお悩み事やご相談事がございましたら私どもまでご連絡ください。鋭意ご対応申し上げます。officeobataシェアしていただければ嬉しいです。※ボタンをクリックすると電話がかかります。...フォームクリックで周囲が青くならないようにする。検索フォームをおしゃれに組むことはよくあることです。...白くなりすぎる写真をマニュアル適正露出で撮影する。撮影した写真を後から見てみると「白っぽい」ということがしばしばあります。...水平撮影を上手くやるコツ。撮影技術は覚えきれないぐらい沢山ありますが、基本は数えるほどしかありません。...プログラミング授業は将来なんの役にたつの?プログラマーで役に立ったこと。令和2年4月から小学校でプログラミング授業が開始されます。レスポンスではありません」となり見出しが自動下書きとなる現象に対処ワードプレスは今やホームページのツールとして一般化しています。...動物園の檻を撮影テクニックで消してみる。動物園での撮影は、基本檻越しに撮影します。...PHPフォーム送信しても、現在の表示位置をキープできるようするテクニックホームページでリンクジャンプすると、表示位置はページの先頭位置になります。賢志]ホームページにマーケティングを盛り込んだ「ビジネスホームページ」を制作、コンサルをさせていただいております。問題には原因があり、原因を解決すると成果がついてきます。本ブログはwebマーケティングに主眼を置いていますがプログラマーもしており、パソコン・ソフトに関することも書いています。