デザインテンプレートの独自タグで「期間限定表示」が可能になりました

このエントリーをはてなブックマークに追加

こんにちは! カラーミーショップ スタッフです。

このたび、デザインテンプレートで使える新しい独自タグ「limited_display」を追加しました。
同タグで囲んだコンテンツ(バナー・テキストなど)は、あらかじめ指定した期間だけ自動で表示することが可能になります。

期間限定バナーやテキストの掲載漏れ・消し忘れを防止でき、業務時間外(日付が変わる直前など)に掲載対応を行う必要もなくなりますので、ぜひご活用ください。

\こんな方におすすめです/

  • セールや季節イベントのたびにバナーの差し替え作業が発生している方
  • 期間限定のお知らせやキャンペーン情報をショップに掲載することが多い方
  • 「カラーミーショップ AIコネクター」でテンプレートを編集している方

「limited_display」タグでできること

テンプレートのHTML内に「limited_display」タグを記述し、開始日時(from)と終了日時(to)を指定すると、囲んだ範囲のコンテンツが指定期間のみ表示されます。
期間外は自動的に非表示化されるため、手動でHTMLを編集する必要がありません。

記述例

たとえば、6月1日から6月30日までの期間限定でセールバナーを表示したい場合は、テンプレートに以下のように記述します。

<{limited_display from="2026-06-01 00:00:00" to="2026-06-30 23:59:59"}>
ここに期間限定で表示したい内容(バナーのHTMLなど)
<{/limited_display}>

日時は上の例のように「2026-06-01 00:00:00」の形式(年-月-日 時:分:秒)を用いて、日本時間で指定します。正しく入力されていない場合、該当箇所は非表示となります。

from と to の指定方法

指定方法 動作
from と to の両方を指定 指定した期間内(開始・終了時刻を含む)だけ表示
from のみ指定 指定した日時以降、ずっと表示
to のみ指定 指定した日時まで表示
両方省略 常に表示(タグなしと同じ動作)

AIコネクターと組み合わせた活用例

カラーミーショップ AIコネクター」をお使いの方は、AIに指示するだけで期間限定バナーの設定が可能です。
たとえば、「トップページに7月1日から7月15日まで夏セールのバナーを追加して」と話しかけるだけで、AIが「limited_display」タグを使って、自動的にテンプレートを編集します。

AIコネクターでのデザインテンプレート編集については、お知らせ記事で詳細をご確認ください。

注意事項

  • 独自タグは、デザインテンプレートをカスタマイズしている方向けの機能です。ご利用にはHTML編集の知識が必要となりますので、あらかじめご留意ください。
  • 日時の形式が正しくない場合、安全のため該当箇所は非表示となります。

独自タグの詳しい仕様は、カラーミーショップ ヘルプセンターのマニュアルをご確認ください。

マニュアルを読む


 

当サービスでは、便利で快適なショップ運営をサポートするため、引き続きさらなる機能改善に努めてまいります。
今後ともカラーミーショップをどうぞよろしくお願いいたします。

リンクをコピーしました