商品詳細ページのこの商品をチェックした人はこんな商品をチェックしてますを表示させると、デフォルトでは２列で表示されますが、３列にしたい場合の方法をご教示いただけませんでしょうか。

トップページのおすすめ商品を横3列にする方法を参考に試したのですが上手くいきません。

バージョンは、2.3.4

よろしくお願いいたします。

>商品詳細ページのこの商品をチェックした人はこんな商品をチェックしてます

これっていうのは、EC-CUBEのデフォルトの機能ではなく、カスタマイズされた機能ですよね？

そうすると、どういうカスタマイズをされて、どこをどう直されたのか、ソースを記載するなどしてもう少し詳しく質問されないと、他の方は、hirororoさんと同じソースを持っていませんので、返答できないと思います。

2列を3列にするだけなら、テンプレートファイルとCSSの変更でできるのではないかと思いますので、ソースを記載していただけたら、アドバイスできるかもしれませんが・・・

ご返信有難うございます。

仰るとおり元はカスタマイズされた機能です。

下記に、表示部のソースを記載いたします。

<!-- ▽ check item -->
<!--{if $arrRecommend}-->
<h2 class="mt15"><img src="<!--{$TPL_DIR}-->img/hl/tm_checkitem.gif" width="480" height="35" alt="この商品をチェックした人はこんな商品をチェックしています" /></h2>

<div class="mBox2" id="checkBox">
<!--{section name=cnt loop=$arrRecommend}-->
<!--{if ($smarty.section.cnt.index % 2) == 0}-->
<!--{if $arrRecommend[cnt].product_id}-->
<!-- 左列 -->
<div class="checkBoxL">
<!--{if $arrRecommend[cnt].main_list_image != ""}-->
<!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
<!--{else}-->
<!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
<!--{/if}-->
<p><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&width=130&height=130" alt="<!--{$arrRecommend[cnt].name|escape}-->" /></a></p>
<!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
<!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
<h3 class="checkName"><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
<p class="checkPrice">
<!--{if $price02_min == $price02_max}-->
<!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{else}-->
<!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{/if}-->円</p>
<!--{if $arrRecommend[cnt].comment != null || $arrRecommend[cnt].comment != ""}-->
<p class="checkExp"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
<!--{/if}-->
</div>
<!-- 左列 -->
<!--{/if}-->
<!--{/if}-->


<!--{if ($smarty.section.cnt.index % 2) != 0}-->
<!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}-->
<!--{if $arrRecommend[cnt].product_id}-->
<!-- 右列 -->
<div class="checkBoxR">
<!--{if $arrRecommend[cnt].main_list_image != ""}-->
<!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
<!--{else}-->
<!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
<!--{/if}-->
<p><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&width=130&height=130" alt="<!--{$arrRecommend[cnt].name|escape}-->" /></a></p>
<!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
<!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
<h3 class="checkName"><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
<p class="checkPrice">
<!--{if $price02_min == $price02_max}-->
<!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{else}-->
<!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{/if}-->円</p>
<!--{if $arrRecommend[cnt].comment != null || $arrRecommend[cnt].comment != ""}-->
<p class="checkExp"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
<!--{/if}-->
</div>
<br class="clear" />
<!-- 右列 -->
<!--{/if}-->
<!--{/if}-->

<!--{if $smarty.section.cnt.last}-->
<br class="clear" />
</div>
<!--{/if}-->
<!--{/section}-->
<!--{/if}-->
<!-- ▲ check item end -->

記載されたソースから、
3個ずつ一覧にして、3個目の後とリストの最後は、フロートをclearするように変更しました。
これで、CSSを少し変えてもらえばいけるのではないかと思います。


<!-- ▽ check item -->
<!--{if $arrRecommend}-->
<h2 class="mt15"><img src="<!--{$TPL_DIR}-->img/hl/tm_checkitem.gif" width="480" height="35" alt="この商品をチェックした人はこんな商品をチェックしています" /></h2>

<div class="mBox2" id="checkBox">
<!--{section name=cnt loop=$arrRecommend step=1 max=3}-->
<!--{if $arrRecommend[cnt].product_id}-->
<!-- 共通 -->
<div class="checkBoxL">//CSSを統一するならここのクラス名を変更したほうがいいかも。
<!--{if $arrRecommend[cnt].main_list_image != ""}-->
<!--{assign var=image_path value="`$arrRecommend[cnt].main_list_image`"}-->
<!--{else}-->
<!--{assign var=image_path value="`$smarty.const.NO_IMAGE_DIR`"}-->
<!--{/if}-->
<p><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><img src="<!--{$smarty.const.SITE_URL}-->resize_image.php?image=<!--{$image_path|sfRmDupSlash}-->&width=130&height=130" alt="<!--{$arrRecommend[cnt].name|escape}-->" /></a></p>
<!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
<!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
<h3 class="checkName"><a href="<!--{$smarty.const.DETAIL_P_HTML}--><!--{$arrRecommend[cnt].product_id}-->"><!--{$arrRecommend[cnt].name|escape}--></a></h3>
<p class="checkPrice">
<!--{if $price02_min == $price02_max}-->
<!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{else}-->
<!--{$price02_min|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$price02_max|sfPreTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{/if}-->円</p>
<!--{if $arrRecommend[cnt].comment != null || $arrRecommend[cnt].comment != ""}-->
<p class="checkExp"><!--{$arrRecommend[cnt].comment|escape|nl2br}--></p>
<!--{/if}-->
</div>
<!-- 共通 -->
<!--{/if}-->

<!--{if $smarty.section.cnt.iteration % 3 == 0 or $smarty.section.cnt.last}-->
<br class="clear" />
</div>
<!--{/if}-->
<!--{/section}-->
<!--{/if}-->
<!-- ▲ check item end -->



<!--{section name=cnt loop=$arrRecommend step=1 max=3}-->
のmax=3は、最大3個ですので、6個、7個と表示させて、3個ずつ改行する、というだけであれば、要りません。

<!--{if $smarty.section.cnt.iteration % 3 == 0 or $smarty.section.cnt.last}-->
この間に、3個で改行する際の処理が入ります。%3を%4に変えれば、4個になります。
<!--{/if}-->

ロジック上は、CSSでフロートをしていただいて、ずらっと1行に並べ、3の倍数の後だけ、改行処理を入れる、という形になります。
変更前のソースの場合は、値を読み出す時点で、1個飛ばしに呼び込んでいましたが、数が増えると面倒なので、同じレイアウトで3個分繰り返すなら、このソースの方が使いやすいです。
（ただし、1個おきに背景の色やデザインを変える、という場合は、先のやり方で2個飛ばしのソースにする必要がありますので、別のやり方を使うことになります。）


テストはしていませんので、変な動作をするようだったら、言ってください。
ではでは。

有難うございます。

上手くいきました。助かりました。

すいません。

この商品をチェックした人はこんな商品をチェックしてますの動作についてお聞きしたいのですが、この機能は、どのような状態になったとき反映されるのでしょうか？

同一人物ではなく違う人間（違うIP）が見たものが表示されるのでしょうか？

テストをしたいのに一考に表示されません。

度々すいませんがよろしくお願いします。

tonton 様が前述されていることが、今回も当てはまるような気がするのですが・・・
引用：

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

seasoftさんがおっしゃるように、カスタマイズの機能なのであれば、作成された方や使用されて構造を分かっている方に質問する必要がありますね。

他の技術者の方のアドバイスが必要であれば、ソースと作業した手順を記するなどして、相手が判断つくように説明されないと回答は難しいかもしれません。。。

多分、こちらのフォーラムを見て実装されたのではないかと思いますので、ソースを転記するか、フォーラムの該当記事へのリンクを貼るなどして、何をどうしたのかをできるだけ詳しく記載されたほうがいいのではと思います。

ご返信有難うございます。

すいませんが、どの部分のソースを載せればいいのかよくわかりません。

どの部分のソースが必要かわかりますか？

不慣れで申し訳ないですがよろしくお願いします。

う〜ん。
困りましたね（＾＾；

想像ベースですが、購入者の過去の購入履歴を参照して、ということなので、多分、いくつか商品をまとめて購入した履歴がDBにあって、その中に、該当する商品が含まれた注文履歴があれば、同じ注文内の他の商品をリストアップして、数で多いほうからソートしている、といった動きかと思いますが・・・

一度、何度か色々なパターンで注文をしてみてはどうでしょうか？


もう少し詳しく知りたいことと、現状何をしていて、最終どうなって欲しいのかなど、記載されると他の方からも良いアドバイスが得られるかも知れません。