割とハマってしまったので自分のために。

まず参考にしたのはこのサイト。

jQueryを追加して、javascriptも追加し、ランダム表示にはなったのですが、 一列あたりの表示商品数が1個とか3個とかになってしまい、どうにもならない状態でした。 で、考えたのが、一列あたり3個表示にしてるからおかしくなるのでは？   カラーミーショップダッシュボード→ショップ作成→デザイン設定→デザイン編集→トップ（上級者モードで編集） の以下の部分

<!--おすすめ商品が登録されている場合に表示されます--> 
<{if $recommend_num != 0}>
<div class="box" id="box_recommend">
<h3>おすすめ商品</h3>
<{section name=num loop=$recommend}>
<div class="item_box">
<!-- 商品画像 -->
<div class="item_photo">
<{if $recommend[num].img_url != ""}> <a href="<{$recommend[num].link_url}>"><img src="<{$recommend[num].img_url}>" class="item" /></a>
<{else}> <a href="<{$recommend[num].link_url}>"><img src="http://img.shop-pro.jp/tmpl_img/56/m.gif" class="item" /></a>
<{/if}>
</div>
<!-- / .item_photo -->
<div class="item_detail">
<!-- 商品名 -->
<p class="item_name"> <a href="<{$recommend[num].link_url}>"><{$recommend[num].name}></a>
</p>
<p class="item_price"> 
<!-- 通常販売価格 --> 
<{if $members_login_flg == true && $recommend[num].discount_flg == true}> <s><{$recommend[num].regular_price}></s>
<{/if}> 
<!-- 販売価格 --> 
<{if $recommend[num].price == 0}>
<{else}><{$recommend[num].price}><{/if}>
<{if $members_login_flg == true && $recommend[num].discount_flg == true}> 
<!-- 割引率 --> 
<{$recommend[num].discount_rate}>OFF!!
                <{/if}>
                <{if $recommend[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}> </p>
<{if $productlist[num].s_expl <> ""}>
<p class="item_description"> <{$productlist[num].s_expl}> </p>
<{/if}>
</div>
<!-- / .item_detail -->
</div>
<!-- / .item_box --> 
<!-- 商品を3個で改行(最後は含まない) ※4個で改行にする場合は " % 3 "　を " % 4 " に変更してください--> 
<{if $smarty.section.num.iteration % 3== 0 and $smarty.section.num.last == false}> <br style="clear:both;" />
<{/if}>
    <{/section}> 
<br style="clear:both;" />
</div>
<!-- / #box_recommend .box --> 
<{/if}> 
<!--//おすすめ商品-->

この部分を以下に書き換えました。

<!--おすすめ商品が登録されている場合に表示されます--> 
<{if $recommend_num != 0}>
<div class="box" id="box_recommend">
<h3>おすすめ商品</h3>
<div  randomdisplay="3">
<{section name=num loop=$recommend}>
<div class="item_box">
<!-- 商品画像 -->
<div class="item_photo">
<{if $recommend[num].img_url != ""}> <a href="<{$recommend[num].link_url}>"><img src="<{$recommend[num].img_url}>" class="item" /></a>
<{else}> <a href="<{$recommend[num].link_url}>"><img src="http://img.shop-pro.jp/tmpl_img/56/m.gif" class="item" /></a>
<{/if}>
</div>
<!-- / .item_photo -->
<div class="item_detail">
<!-- 商品名 -->
<p class="item_name"> <a href="<{$recommend[num].link_url}>"><{$recommend[num].name}></a>
</p>
<p class="item_price"> 
<!-- 通常販売価格 --> 
<{if $members_login_flg == true && $recommend[num].discount_flg == true}> <s><{$recommend[num].regular_price}></s>
<{/if}> 
<!-- 販売価格 --> 
<{if $recommend[num].price == 0}>
<{else}><{$recommend[num].price}><{/if}>
<{if $members_login_flg == true && $recommend[num].discount_flg == true}> 
<!-- 割引率 --> 
<{$recommend[num].discount_rate}>OFF!!
                <{/if}>
                <{if $recommend[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}> </p>
<{if $productlist[num].s_expl <> ""}>
<p class="item_description"> <{$productlist[num].s_expl}> </p>
<{/if}>
</div>
<!-- / .item_detail -->
</div>
<!-- / .item_box --> 
<!-- 商品を3個で改行(最後は含まない) ※4個で改行にする場合は " % 3 "　を " % 4 " に変更してください--> 
<{if $smarty.section.num.iteration % 100 == 0 and $smarty.section.num.last == false}> <br style="clear:both;" />
<{/if}>
    <{/section}> 
</div><br style="clear:both;" />
</div>
<!-- / #box_recommend .box --> 
<{/if}> 

<!--//おすすめ商品-->

<div randomdisplay=”表示する商品数”></div>でくくり、一行当たりの表示数を100個ぐらいに(笑)

これで今のところ不具合は出ていません。

おためしあれ～