welcartに最低限足らないなと思う機能についても触れてみました。
welcartの操作方法も独特で、特にマニュアルなどがネットにないので
ぶち当たりつつ前に進んでみました。
大まかにデザインするとき触る場所はusc-e-shopのフォルダの中のthemeがデザインテンプレートで、templatesがカートやメンバーページ、商品出力などを制御しているphpです。
まず商品のアップの仕方です
通常の記事の書き方では画像はアップされません。
ブログを書くところではなく、商品マスターの新規追加で行う。
商品番号を画像のタイトルにすれば表示されます。
sukuを更新しなければ価格が入らないので注意。
welcartのカテゴリーの考え方
welcartはすべて商品というカテゴリーの中でしか商品の操作が出来ないようです。
ですから、商品は商品カテゴリー以下にカテゴリーを作らなければ表示されません。
ということは、普通のブログを書くところに記事を書いても表示されないわけです。
商品の情報を上下逆にする
標準テンプレートでは、h3以降、商品の価格があり、その後ろに詳細ページがありますが、楽天市場のように、詳細ページがあり、その後価格とカートに入れるボタンを付けなければ商品詳細ページの充実はありえません。
（カテゴリーページでそのように作ることはできますが、カテゴリーページを利用してしまうと商品点数が増やせない）
コンテンツ型にするためには情報があってこそのカートボタンが重要ですよね。
テンプレートのsingle.phpのthe_contents()を制御しているphpがあります。
それが、templatesの中にあるsingle_item.phpです。
これをいじってアップすれば、the_contents()を制御できるのです！
なんて便利なんだ！！！
phpがちょとわかれば大体はカスタマイズできます。もし出来なければ私がカスタマイズしたデザインテンプレートを出来上げるまでお待ちください。
参考【重要】カートページ、メンバーページ等のカスタマイズについて
http://www.welcart.com/community/archives/1283
カテゴリーアーカイブを有効に使おう
カテゴリーアーカイブページすなわち商品一覧には
どういった商品群なのかの説明が必要です。
<?php echo category_description(); ?>
トップページのみに表示するタグを有効に使うしかない。
上記のタグをテンプレートにほおりこめば、wordpressの管理画面、カテゴリー作るところのデスクリプションを表示できます。一応これでいいでしょう。
商品詳細ページを羅列表示にしてみる
商品羅列ページを作るには、初めからの標準テンプレートにちょうどいいサンプルがありますよね。トップページのお勧め表示です。
それを利用してarchive.phpを修正します。
商品羅列を４から３にしてみる
商品一覧ページの画像を大きくしたければ、4列から3列にせざるを得ません。
このwelcartは商品一覧はtableではなくcssで無理やり表示させているので逆に簡単なのです。
商品の一覧ページの列数と画像の大きさを変えたければcssをいじればいいだけです。ここらへんでサイズを指定できます。
.center .thumbnail_box {
float: left;
width: 160px;ここが商品ボックスのサイズ
height: 250px;ここが商品ボックスのサイズ
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 4px;
padding: 8px;
}
関連する投稿機能を表示して商品をお勧めする。
Simple Tagsは、記事に設定されたタグと同じタグが入った項目を最下段に表示するプラグインです。
これを使って、こちらの商品も一緒にいかがですか？を作ろうと思います。
ですが、画像が表示できるようにカスタマイズするところで詰まってしまいましたのでネットで見つけた「LinkWithin」を利用してみました。
これを使えば、難しいシステムを使わずともamazonのように「この商品を買った人はこんな商品も買っています」的な機能を取り付けることが出来ます。
一口メモ
<!-- //LinkWithinCodeStart
//LinkWithinCodeEnd -->
上記のコメントアウトが不具合を起こすため消す。
参考：縮小画像付きで関連記事を表示してくれるブログ向けスクリプト『LinkWithin』
http://www.100shiki.com/archives/2009/05/linkwithin.html
パンくずリストを作る
Welcartの初期テーマにはパンくずらしきものがないので、商品ページに行くと、
自分がどのカテゴリーにいるのかわからなくなります。
Breadcrumb NavXTはPHP4では動きません。PHP5にしましょう。
ヘッダー部分に以下を記載。
<div class="breadcrumb_top">
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
今回のwelcartいじりのまとめ
まあどっちにしろ最終的にはまとめたいと思っていますので乱文で行きました。
私はカスタマイズするとき、把握することから始めないといけないので結構時間かかってます。ある程度目的の事ができるとわかったのでそろそろデザインに入ろうかと思っていますよ。
