これに関しては、
http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=3308&forum=10&post_id=12787
にも記載がありましたが、

対処方法通りやると、

□□□□
　□　□

とあったものが、

□
□
□
□
□
□

と表示されてしまいました。

<div style="clear:both;"></div>
という記述のせいだとは思うのですが、
これを問題なく、画像の大きさ・商品タイトルの長さに関わらず、

□□□□
□□□
と表示させるには、どうしたらよいでしょうか？

現在は、

<!--{ if $smarty.section.cnt.index%4 == 1 }-->
<div style="clear:both;"></div>
<!--{ /if }-->

というIf文をかましています。

どなたかご教示願えませんでしょうか。

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

出力ソースで確認して、<div style="clear:both;"></div> は行末(4列目)のみに出力されていますか?

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

個別の商品を<div class="products">商品情報</div>でくくっていますが、

その<div>の後に</section>の前に前述のIf文を記載しました。

<!--{ if $smarty.section.cnt.index%4 == 1 }-->
<div style="clear:both;"></div>
<!--{ /if }-->

の%4==1がおかしかったのでしょうか？