welcartのカート画面で上部に画像を挿入する方法（コードあり）。

WordpressのECプラグインである「welcart」の自分用メモ。

welcartではインストール後に、カート画面が自動で作成されるのですが、そこに画像を入れる場合、PHPファイル本体を触るのではなく、フィルタとフックを使用してコードを挿入します。

フィルタとはWordpressのプラグイン改良時に使用する機能の一つで、変数の内容を書き換えたいときにフィルタを指定するとそこに新しい要素を追加したり差し替えしたりすることができます。

welcartの場合、カスタマイズ性が優れているポイントの一つがこのフィルタの多さで、至る所にフィルタがありwelcartのプラグイン本体を汚すことなく情報を書き変えることができます。

「そんなことしなくても本体のPHPを操作すればいいのでは？」と思われている方はご注意を。PHP本体に修正を行うとバージョンアップした時にそのデータがなくなる可能性が大きくバージョンアップ後、welcartが動かない…なんてことがあります。

前置きが長くなりましたが、そんな危険を回避しつつ、なおかつwelcartのカート画面で画像を挿入するコードをご紹介します。

add_filter('usces_filter_cart_page_header','override_usces_filter_cart_page_header',10,1);

function override_usces_filter_cart_page_header($header){

	$header = "";

	return $header;

}

?>

上のコードがカートページのフィルタを書き換えた内容となります。

usces_filter_cart_page_headerのフィルタに対してoverride_usces_filter_cart_page_headerの関数を新しく作り、呼び出されるとheader内にあるIMGのタグが挿入されます。

このコードを書くのは現在制作しているWordpressテーマのfunction.phpに書けばOK。

実際にこのタグを使って、画像を挿入したのが下記サイトとなります。
参考リンク：味付けかしわ「とんちゃんの鳥中」

「あれできるかな。」と思っていたことがwelcartの場合、カスタマイズすれば出来ることが多いので、Wordpressでネットショップを作る人はwelcartのガイドとかもよく調べてみるといいかもです。

最新投稿された記事はいかがですか？

• 南野どうなる?2015年冬から4大リーグにいったザルツブルクの選手をリストアップ！
• 毎日25分のオンライン中国語レッスンサイトまとめ。結構サイトによって金額と時間が違ってます。
• 中国語で覚えておきたい接続詞まとめ。
• [サッカーまとめ]2007-2016に欧州のクラブチームに移籍して日本人選手リスト。