新着商品に自動で「新入荷」と表示をつける方法

スポンサーリンク

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>';
}
?>

Welcartの商品一覧で「新入荷」を表示

もちろん、商品ページにコードを追加すれば、同様の表示が出来ます。

コメントは受け付けていません。

Copyright© 2024 Welcart カスタマイズ ブログ All Rights Reserved.