Blog

Welcartカスタマイズ – 商品を表示させる

2015.11.02 | ECサイト運営 | 983views


https---www.pakutaso.com-assets_c-2015-06-SEP_355215221321-thumb-1000xauto-17902 (1)

Welcartは既に売る商品が決まっている場合や、自社サーバーやレンタルサーバーで低コスト運用する場合に最適ですね。ECサイトの構築面ではスピーディーかつ、Wordpressに組み込むので親しみやすいUIなんかも広く使われている理由かもしれません。

さて、今回はそんなWelcartで商品を表示させたい!というTipsです。テーマカスタマイズでテンプレートファイルにコピペするだけですぐに使えます。

Welcartのトップページにプラグイン無しで商品を表示させる

widgetやプラグインを使うのも嫌だ、という時有りますよね。
そういう時こそこのコードをコピペしましょう。


<div class="rcmnd-list">


<?php query_posts('cat=2&status=post&posts_per_page=3'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php
    usces_the_item();
    usces_have_skus();
?>



            <div class="item-img"><a href="<?php the_permalink(); ?>"><?php usces_the_itemImage(0, 230, 230); ?></a>
            <br><span class="price-tag"><?php usces_the_itemName(); ?></span><br><?php if (usces_is_skus()) : ?>
            <span class="price-tag">&yen; <?php usces_the_firstPrice(); ?><?php usces_guid_tax(); ?></span>
            <?php endif; ?>
            <?php echo $post->post_excerpt; ?>
            </div>

<?php endwhile; else: ?>
    <p>商品が見つかりません。</p>
<?php endif; ?>



</div><!-- end of rcmnd-list -->

ポイントとしては、

<?php query_posts('cat=2&status=post&posts_per_page=3'); ?>

ここのcat=2 が自分が入れているWelcartの商品カテゴリーになるように設定しておきましょう。また、page=3 ここの数字を増やすことで表示商品点数を変更することが出来ます。実にカンタンですね。商品の名前、価格、サムネイル画像が表示されますのでマウスオーバー時にキラリと光らせるならJquery入れておきましょう。

サムネイルの大きさを変更するときは、

<?php usces_the_itemImage(0, 230, 230); ?>

ここで変更します。

<?php query_posts('cat=2&status=post&posts_per_page=3'); ?>

ここを以下のように書き加えると商品がランダムで表示されます。

<?php query_posts('cat=2&status=post&posts_per_page=3&orderby=rand'); ?>

おまけ – JQueryでマウスオーバー時にキランと光らせる

<script language="javascript">
$(function() {
	$('a').mouseover(function(){
		$(this).css('opacity', '.4').animate({'opacity': '1'}, 'slow');
	});
});
</script>

このエントリーが役に立ったらシェアしてください


LLC JIRIKI HOME

この記事を書いた人

淵上 喜弘

著者:LLC JIRIKI

合同会社ジリキ 代表社員兼、業務執行社員。
1979年生まれ 兵庫県尼崎市出身・明石市育ち。

川崎医療福祉大学を卒業後、日産サティオ岡山に就職し初年度新人賞をカルロス・ゴーンCEOより受賞。その後NTT関連フレッツ販売会社に再就職し、地域賞2位を受賞。OCN販売表彰2位も同時受賞するとともにBフレッツ単独販売数の記録を打ち立てる。2006年合同会社ジリキ設立。SEO、WEBサイト制作業を開始する。

SEOで「大阪 探偵」や「離婚 行政書士」などのキーワードや「子ども 教材」「スマートフォンケース」など各種キーワードで1位を獲得。サイト制作でも毎日コミュニケーションズ・マイナビ女子オープンのサイトを制作。その後ECサイト運営サポートに着手し、売上月商50万のストアを1年半で1700万の月商に成長させる。

スマートフォンケースなどの商品企画開発も手がけ、楽天ランキングでも1位獲得、家電ジャンルMVPなどECサイトコンサルティングでも実績あり。

現在、グロースハックに注力しており様々な業種のサイトのCVアップをサポート中。チームとしてのグロースハック実績ではKaizenグロースハッカー総合 Top 20%、不動産 Top 10などを頂いています。

著書にDjango1.10 QUICKSTART-BOOK with Python3: 作りながら学ぶDjangoアプリケーション開発

LLC JIRIKI