個別記事のページです

2015年11月30日(月)
このエントリーをはてなブックマークに追加

ECCubeの商品一覧で、一覧コメントにhtmlタグを使って表示する方法

商品詳細のコメントはHTMLタグで表示されますが
商品一覧のコメントはHTMLタグを入れても表示されないですよね。

実は、とても簡単な方法で表示させることができます!
(ECCube 2.13.x)

まずは管理画面
1.商品管理>商品マスターから、htmlタグ表示をしたい商品を選らんで、
「一覧-メインコメント」の欄に、タグ入りのコメントを入れて登録・更新をします。

EC管理画面商品

2.デザイン管理>PC(もしくはスマホ)>ページ詳細設定から
「商品一覧ページ」を選び、コメントを表示している個所を以下のように書き換えます。

★PC版の場合
<div class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></div>
<div class="listcomment"><!--{$arrProduct.main_list_comment|nl2br_html}--></div>
★スマホ版の場合
$($(".list_area .listcomment").get(maxCnt)).text(product.main_list_comment);
$($(".list_area .listcomment").get(maxCnt)).html(product.main_list_comment);

EC管理画面一覧

登録・更新をします。

3.商品一覧ページをみると、コメントがHTMLタグが効いて表示されます。

EC商品一覧

ページを目立たせたいときなどに是非使ってください!
書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。
お問合せ