新着商品に自動で「新入荷」と表示をつける方法
スポンサーリンク
Welcartをインストールして有効化すると、「新商品(スラッグ:itemnew)」というカテゴリーが自動的に生成されます。
実際に、新商品カテゴリーとして使う分にはいいのですが、「新商品」でなくなった時に手動でカテゴリーを外すのが手間です。
そこで今回は、公開日をバックエンドで取得して、公開から一定期間だけ「新商品」という表示を、詳細ページや一覧ページなどで自動的に表示させる方法です。
この方法はカテゴリー分けとはまた少し違いますが、商品が新しくなくなれば(公開してから時間が経てば)自動的に「新商品」という表示が外れるため、手間になりません。
カスタマイズ方法
「新入荷」と表示したい場所に、以下のコードを挿入。それだけ。
<?php $post_date = get_the_date("U"); $today = time(); if( ($today - $post_date) <= (60*60*24*15)){ echo '<span class="newitem">新入荷</span>'; } ?>
上記の例では、「新入荷」の表示は公開日から15日間としてあります。公開日から15日を過ぎると、自動的に「新入荷」表示はされなくなります。
もし「新入荷」を表示する日数を変えたい場合は、5行目の「15」の数字を、お好きな日数に変えて下さい。
CSSで装飾しやすいようにnewitemというclassをつけているので、お好みで文字色などを装飾可能です。
カスタマイズ例
当サイトの例では、商品一覧ページに「新入荷」を表示させてみました。Welcartデフォルトテンプレートなら、item_category.phpの33行目<div class=”price”>以下に続く、価格表示の直後にコードを挿入します。
<div class="price"><?php usces_crform( usces_the_firstPrice('return'), true, false ); ?><?php usces_guid_tax(); ?></div> <?php $post_date = get_the_date("U"); $today = time(); if( ($today - $post_date) <= (60*60*24*15)){ echo '<span class="newitem">新入荷</span>'; } ?>
もちろん、商品ページにコードを追加すれば、同様の表示が出来ます。