EC CUBEのデザイン小技集 〜商品一覧ページ 初級編〜

jackalizm
EC CUBEを使って、少しカスタマイズするだけでオリジナリティーのあるショップサイトに見せられる小技を掲載しているサイトをご紹介。今回は商品一覧ページ 初級編です。※バージョンによる差などはリンク先でご確認ください。

商品一覧ページにカテゴリごとのタイトルバナー画像を入れる

カテゴリごとの商品一覧ページの上にドンと画像を貼れるようになります。

これができればずいぶんとお客さんも見やすい見慣れたショップサイトに近づきます。

詳しいやり方はこちら
http://ec-cube.nakweb.com/blog/1201.html

商品一覧ページの商品ボックスを横並びにさせる

元々のデザインでは、商品一覧ページの商品情報は1列づつです。

これではスクロールさせないと商品が見えないので一覧の意味がありません。

ですので、必須の小技「商品一覧ページの商品ボックスを横並びにさせる」方法です。

詳しいやり方はこちら
http://digipoke.com/archives/218

商品一覧ページのfloatした各商品ボックスの高さを自動で揃える

商品一覧ページの商品を横並びにすると、出てくる問題、、それは「ボックスの落ち込み」。

商品ボックスの高さを指定すれば解決はするんですが、商品によって商品名や商品解説の長さが違ってくるのは仕方ない事。

これが、結構簡単に最大の高さに合わせて自動で回り込んでくれる方法があるんです。

詳しいやり方はこちら
http://digipoke.com/archives/509

商品一覧ページで特定のカテゴリを含む商品を非表示にする

「キャンペーン」「セール」「ワケあり商品」など、
商品一覧に表示させたくない特定カテゴリを非表示にさせる事ができます。

これができれば、
同じような商品を、別のキャンペーン用の商品として複製し、
値段や仕様など、条件の少しだけ違う期間限定の商品として扱う事ができ管理しやすくなります。

詳しいやり方はこちら
http://ec-cube.nakweb.com/blog/2210.html

以下の同じような記事があります

https://matome.naver.jp/odai/2138432887906940801
2013年11月17日