welcartの構成をさらっと見て足らない機能を足してみた

公開日: : 最終更新日:2014/06/16 wordpress

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にしてみる

商品一覧ページの画像を大きくしたければ、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いじりのまとめ

まあどっちにしろ最終的にはまとめたいと思っていますので乱文で行きました。
私はカスタマイズするとき、把握することから始めないといけないので結構時間かかってます。ある程度目的の事ができるとわかったのでそろそろデザインに入ろうかと思っていますよ。

ほかにもこれ読んでみませんか?

no image

wordpressであなたのプロフィールを表示させる方法

ニュースサイト構築の際、投稿を複数人で行う場合 各ユーザーのプロフィー

no image

楽天アフィリエイトをクリックするとポップアップブロックされてしまう間違った対処方法

ちょっとさっき気づいたこと。ワードプレスの投稿に楽天アフィリエイトタグ

Comment

  1. [...] welcartの構成をさらっと見て足らない機能を足してみた 商品画像は商品番号を画像のタイトルにしてUPすれば表示されるとか、商品は商品カテゴリー以下にカテゴリーを作らないとダメと [...]

  2. iida より:

    現在welcart計画、需要がなくなったため休止中です。
    興味があってやりたいのですが、目的が無いと進むことが出来ない・・・

  3. 浪波 仁 より:

    こんばんは。
    WordPressでwelcartを導入しているものです。

    何度も壁にぶちあたり制作に時間を取られすぎています。
    良いマニュアルもなく困っている中
    このサイトにたどり着きました。

    このシリーズでもっと深く知りたいので
    また記事を書いていただくことできないでしょうか。
    どうぞよろしくお願い致します。

  4. iida より:

    コメントありがとうございます。
    そうですねえ、やりたいのは山々なんですがショップサイトを作る需要がなくて困っています。

    私はショッピングサイトの完成系は楽天だと思っているので、もし自分がショッピングサイトをwordpressで構築するならば見た目楽天のショップサイトを実現する方法やテンプレートを作ることになると思います。

    サイトの作り方なんて人それぞれなので、私の考え方を良く思ってくれるのは非常にうれしいです。
    一応やろうと思っていますのでよろしくお願いします。

  5. tamami より:

    こんばんは、はじめてのwordpresとwelcart style.cssは手さぐりで何とかなりそうですが、phpはチンプンカンプンのレベルです。
    トップのページを2カラムにするにはどのphpを、どうかえていけばいいのでしょうか。お時間のあときでいいです。教えていただけないでしょうか・・・ ほかに参考になるサイトがございません。よろしくお願いいたします。

  6. iida より:

    tamamiさま
    wordpressは形の元になるphpとcssをいじるだけなんですが、確かwelcartは決済画面が分割されているのでややこしかった気がします。一番簡単なのは2段カラムのwelcartのテンプレートを探すことです。
    今私はwelcartが触れるブログが無いし、ショッピングサイトもとくに必要もなくなってしまい実験する術がありません、今はよいお返事ができません(TωT)ごめんなさい。

  7. tamami より:

    お返事、ありがとうございました。2段カラムのwelcartのテンプレートは有償でダウンロードができます。が、せっかくだから1から自分で作ってみたいと考えていました。今まで無償のものばかり利用してきましたが、昨日はドメインを、そして今日はレンタルサーバーを生まれてはじめて借りることにいたしましたが、ここから何をすればいいのかわからず手探りの状態です。将来的にはLP盤のショップをつくりたいと思っています。またわからないことがあれば教えてください。ほんとうにありがとうございました。

  8. iida より:

    tamamiさん
    できるようになるまで当分3段カラムで運用してみてはどうでしょうか?
    welcartは私もいずれまたやろうと決めました!
    また暇なとき覗いてみてくださいね!

Message

メールアドレスが公開されることはありません。

カニの殻から繊維
蟹の殻の再利用で繊維と化粧品・乳液になる

かがくdeムチャミタスという番組でやってたのですが、蟹の

ウインドウが画面外に飛んでいって使えなくなった場合を「一瞬で治す」方法
一瞬で直す方法!パソコンのソフトが動かない?画面の外にある?

よく職場でパソコンが使えなくなったと呼ばれることがありま

私、失敗ないので。貯金でマイホームを買う頭金にするは無謀すぎる
私、失敗しないので。貯金でマイホームを買う頭金にするは無謀すぎる

貯金でマイホームを買う、頭金に充てるのは無謀です。 ※

1才の息子は最近寝る時、うつむいてしか寝れない。
1歳のうつぶせ寝をやめさせたいがすぐ元に戻る

1才の息子は最近寝る時、うつむいてしか寝れない。

大学生の頃、初めてぎっくり腰の体験談
大学生の頃、初めてぎっくり腰の体験談

書くことがないので昔話。 大学生の頃初めてぎっくり腰に

→もっと見る

  • いいだしっぺ(これでいいだ)
    ブログのもくじ 私のプロフィール
    現代の幸福論に挑戦しています。
    ウクレレブログ好き。

PAGE TOP ↑