zencart:新着商品を横並びに
Posted on 金曜日, 6 月 5th, 2009 at 5:38 PMzencart にて新着商品と全商品を 特価商品のように 横並びにしたい。
モジュールが出ている?のはカテゴリのみ?なのか確認はしていないwが
今回は、
新着一覧 /index.php?main_page=products_new
全商品一覧 /index.php?main_page=products_all
を 特価商品の ように 横に並べたい。 (並べる数は 横3にしよう^^・・・もちろん好きな数でw)
考え方としては・・・・新着商品の出力部を見るとtableが作成されているので table を divへ 変更し cssにて調整する。とかで いいのではないでしょうか。
使うファイルは次のファイル(とcss)のみ
/includes/templates/テンプレート/templates/tpl_modules_products_new_listing.php
- <table>を <div>に置き換え (class もしくは idを付けよう) </table> → </div>
- <tr><td>も <div>に置き換える(同様に classなどを付ける)</td></tr> → </div>
- 1つ目の<tr>で置き換えたdivの直前にもう1個 divを入れておく。※
- 削除する。→<tr><td colspan="3"><hr /></td></tr>
- 管理画面-最大値の設定-新着商品一覧表示数----3で割れる数を入れる。
- CSSにてwidth と height を設定し、float:left にする。 (heightを設定しないと高さが違う場合見た目が崩れる)
※ 3.の</div>は 4.の削除した辺りに入れる。
これで おk。
ちなみに
109行目辺り 赤字部分で新着一覧に表示される商品説明の文字数が変更できる。(日本語で立て続けに打つと指定数値と実際の表示は異なるの。半角文字数で、さらに空白などの区切りの良いところで区切られるようだ・・。)
$display_products_description = stripslashes(zen_trunc_string($disp_text, 150, '<a href="' . zen_href_link(zen_get_info_page($products_new->fields['products_id']), 'products_id=' . $products_new->fields['products_id']) . '"> ' . MORE_INFO_TEXT . '</a>'));
} else {
$display_products_description = '';
}
関連記事
Leave a reply