運用サポート(平日10:00~17:30) 06-6485-6485
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

置換文字一覧

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

管理画面>コマースクリエイターで使用できる置換文字一覧

コマースクリエイター>フリーパーツ追加・変更コマースクリエイター>フリーページ追加・変更-本文で利用できる置換文字、または コマースクリエイター>ページ設定で利用できる置換文字をご紹介しています。

フリーパーツ「表示内容」で利用できる置換文字

フリーパーツで使用できる置換文字です。使用できる置換文字はフリーパーツを配置するレイアウトの種類配置するパーツにより異なります。

共通(全ページ使用可能)

画面 内容 置換文字 説明
全ページ共通 店舗名 {% shop.name %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した店舗名に置換されます。
全ページ共通 店舗名(カナ) {% shop.name_kana %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した店舗名(カナ)に置換されます。
全ページ共通 販売業者名 {% shop.seller %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した販売業者名に置換されます。
全ページ共通 販売責任者名 {% shop.sales_manager %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した販売責任者名に置換されます。
全ページ共通 郵便番号 {% shop.zip_code %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した郵便番号に置換されます。
全ページ共通 都道府県 {% shop.prefecture %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した都道府県に置換されます。
全ページ共通 住所1(市区町村) {% shop.address1 %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した住所1(市区町村)に置換されます。
全ページ共通 住所2(番地以降) {% shop.address2 %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した住所2(番地以降)に置換されます。
全ページ共通 電話番号 {% shop.phone_number %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した電話番号に置換されます。
全ページ共通 FAX番号 {% shop.fax_number %} 管理TOP>ショップ基本設定>ショップ基本設定に設定したFAX番号 に置換されます。
全ページ共通 メールアドレス {% shop.email %} 管理TOP>ショップ基本設定>ショップ基本設定に設定したメールアドレスに置換されます。
全ページ共通 ホームページURL {% shop.url %} 管理TOP>ショップ基本設定>ショップ基本設定に設定したホームページURLに置換されます。
全ページ共通 店舗ドメイン {% shop.domain %} 店舗ドメインに置換されます。
全ページ共通 受信許可ドメイン(メールマガジン申込用) {% shop.subscribe_domain %} メールマガジンのお申し込み時に表示する、迷惑メールフィルタを解除設定いただくドメインに置換されます。
全ページ共通 タイトル {% page.title %} ページのタイトルに置換されます。
全ページ共通 URL {% page.url %} ページのURLに置換されます。
全ページ共通 キーワード {% page.keywords %} ページのキーワードに置換されます。
全ページ共通 概要 {% page.description %} ページの概要に置換されます。
全ページ共通 ページ見出し {% page.heading %} ページ見出しの内容に置換されます。

商品グループ

画面 内容 置換文字 説明
商品グループページ 商品グループ名 {% category.name %} 運用メニュー>商品管理>商品グループ管理(新規登録・編集)-グループ名に置換されます。
商品グループページ 商品グループURLコード {% category.url %} 運用メニュー>商品管理>商品グループ管理(新規登録・編集)-URLコードに置換されます。
商品グループページ 商品グループ画像パス-オリジナル {% category.image_original %} 運用メニュー>商品管理>商品グループ管理(新規登録・編集)-グループイメージ画像(コマースクリエイター)のオリジナル画像のパスに置換されます。
商品グループページ 商品グループ画像パス-サムネイル {% category.image_thumbnail %} 運用メニュー>商品管理>商品グループ管理(新規登録・編集)-グループイメージ画像(コマースクリエイター)のサムネイル画像のパスに置換されます。
商品グループページ 商品グループコメント {% category.summary %} 運用メニュー>商品管理>商品グループ管理(コメント設定)-商品グループコメントに置換されます。
商品グループページ 商品グループ独自コメント(1-10) {% category.comment_1 %}

{% category.comment_10 %}
運用メニュー>商品管理>商品グループ管理(コメント設定)-独自コメント(1)から(10)に置換されます。

商品情報

商品詳細/商品グループ/商品検索結果一覧/クーポン対象商品一覧/バンドル対象商品一覧/お気に入りにてご利用いただけます。

商品情報置換文字のご利用については、商品独自コメントの使用方法をご覧ください。

画面 内容 置換文字 説明
商品情報 商品名 {% product.name %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-商品名
商品情報 所属する商品グループ名(メイングループ) {% product.category_name %} 運用メニュー>商品管理>商品グループ管理(新規登録・編集)-グループ名に置換されます。
商品情報 商品URL {% product.url %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-商品URLコード
「/c/メイングループの親グループURLコード/メイングループURLコード/商品URLコード」となります。
商品情報 商品JANコード {% product.jan_code %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-JANコード
商品情報 商品個別送料 {% product.postage %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-送料設定-商品個別送料
数字は桁区切りされ、前に「\」が付きます。
商品情報 メール便の同梱可能数 {% product.mail_packing_limit %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-配送サービス-メール便「同梱可能とする」数
商品情報 所属するバンドル販売名 {% product.bundle_name %} 商品が設定されているバンドル販売の運用メニュー>商品管理>バンドル販売基本情報-バンドル販売名に置換されます。
商品情報 購入個数制限 {% product.max_purchase_quantity %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-購入個数制限
商品情報 販売開始までの日数 {% product.days_until_sale_start %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-販売期間が設定されている場合に、販売開始までの日数に置換されます。
商品情報 販売終了までの日数 {% product.days_until_sale_end %} 運用メニュー>商品管理>商品新規登録・商品基本情報編集-販売期間が設定されている場合に、販売終了までの日数に置換されます。
商品情報 予約販売開始までの日数 {% product.days_until_preorder_start %} 運用メニュー>商品管理>商品情報(予約)-予約受付期間が設定されている場合に、販売開始までの日数に置換されます。
商品情報 予約販売終了までの日数 {% product.days_until_preorder_end %} 運用メニュー>商品管理>商品情報(予約)-予約受付期間が設定されている場合に、販売終了までの日数に置換されます。
商品情報 入出荷予定日表記名 {% product.shipping_date_label %} 運用メニュー>商品管理>商品情報(予定在庫設定)-入出荷予定日-表記名に置換されます。
商品情報 商品画像サムネイルパス {% product.image_thumbnail %} 商品のサムネイル画像が表示されます。テーマ設定-商品画像サイズ設定で設定したサイズの画像が表示されます。
また以下の場合は、バリエーションサムネイル画像が表示されます。
商品検索結果一覧に使用し、かつバリエーション検索を行った場合でバリエーション設定された商品画像がある場合。
お気に入りに使用し、かつバリエーションを選択してお気に入り追加された場合でバリエーション設定された商品画像がある場合。
商品情報 商品画像パス-オリジナル {% product.image_original_1 %}

{% product.image_original_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたオリジナル画像(リサイズ元画像)のパスに置換されます。
商品情報 商品画像パス-XXL {% product.image_xxl_1 %}

{% product.image_xxl_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたXXLサイズ画像のパスに置換されます。
商品情報 商品画像パス-XL {% product.image_xl_1 %}

{% product.image_xl_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたXLサイズ画像のパスに置換されます。
商品情報 商品画像パス-L {% product.image_l_1 %}

{% product.image_l_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたLサイズ画像のパスに置換されます。
商品情報 商品画像パス-M {% product.image_m_1 %}

{% product.image_m_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたMサイズ画像のパスに置換されます。
商品情報 商品画像パス-S {% product.image_s_1 %}

{% product.image_s_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたSサイズ画像のパスに置換されます。
商品情報 商品画像パス-XS {% product.image_xs_1 %}

{% product.image_xs_40 %}
運用メニュー>商品管理>商品情報(商品画像設定)-画像登録に登録されたXSサイズ画像のパスに置換されます。
商品情報 商品一言説明 {% product.summary %} 運用メニュー>商品管理>商品情報(コメント設定)-商品一言説明に置換されます。
商品情報 商品説明(大) {% product.description_long %} 運用メニュー>商品管理>商品情報(コメント設定)-商品説明(大)に置換されます。に置換されます。
商品情報 商品説明(小) {% product.description_short %} 運用メニュー>商品管理>商品情報(コメント設定)-商品説明(小)に置換されます。
商品情報 商品独自コメント(1-20) {% product.comment_1 %}

{% product.comment_20 %}
運用メニュー>商品管理>商品情報(コメント設定)-独自コメント(1)~(20)に置換されます。

商品検索結果一覧

商品検索フォームに入力された値を置換文字で出力できます。
キーワードや商品価格を再検索フォームの初期値に入れるなど、様々な用途にご利用いただけます。

商品検索フォームについては、商品検索フォームをご覧ください。

画面 内容 置換文字 説明
商品検索結果一覧ページ 検索結果-キーワード {% search.keyword %} 商品検索フォームに入力されたキーワードの値に置換されます
商品検索結果一覧ページ 検索結果-商品価格(最小価格) {% search.minprice %} 商品検索フォームに入力された商品価格(最小価格)の値に置換されます(半角数字、桁区切りなし)
商品検索結果一覧ページ 検索結果-商品価格(最大価格) {% search.maxprice %} 商品検索フォームに入力された商品価格(最大価格)の値に置換されます(半角数字、桁区切りなし)
商品検索結果一覧ページ 検索結果-商品タグ {% search.tag %} 商品検索フォームに入力された商品タグの値に置換されます(複数ある場合は、半角空白区切り)
商品検索結果一覧ページ 検索結果-バリエーション(縦)項目名 {% search.vertical_variation_name %} 商品検索フォームに入力されたバリエーション(縦)項目名の値に置換されます
商品検索結果一覧ページ 検索結果-バリエーション(縦)選択肢名 {% search.vertical_variation_value %} 商品検索フォームに入力されたバリエーション(縦)選択肢名の値に置換されます
商品検索結果一覧ページ 検索結果-バリエーション(横)項目 {% search.horizontal_variation_name %} 商品検索フォームに入力されたバリエーション(横)項目の値に置換されます
商品検索結果一覧ページ 検索結果-バリエーション(横)選択肢 {% search.horizontal_variation_value %} 商品検索フォームに入力されたバリエーション(横)選択肢の値に置換されます
商品検索結果一覧ページ 検索結果-在庫のない商品 {% search.out_of_stock %} 商品検索フォームに入力された在庫のない商品表示フラグによって置換されます(表示する/表示しない)
商品検索結果一覧ページ 検索結果-商品番号/JANコード {% search.product_no %} 商品検索フォームに入力された商品番号/JANコードの値に置換されます
商品検索結果一覧ページ 検索結果-バンドル販売URLコード {% search.bundle %} 商品検索フォームに入力されたバンドル販売URLコードの値に置換されます
商品検索結果一覧ページ 検索結果-予約商品のみ {% search.preorder %} 商品検索フォームに入力された予約商品のみフラグの値よって置換されます(予約商品のみ表示する/指定を行わない)
商品検索結果一覧ページ 検索結果-並び順 {% search.sort %} 検索結果一覧の現在の並び順(sort)の値によって置換されます
構築メニュー>ページ設定>商品ページ設定-並び替えリンク表示設定にある並び替えリンクごとの「リンクテキスト」が出力されます。初期値は「latest:新着順 / oldest:登録順 / price_low:価格が安い順 / price_high:価格が高い順 / priority:優先度順 / review:レビュー順 / keyword:おすすめ順」となっています。

バンドル商品一覧

画面 内容 置換文字 説明
バンドル対象商品一覧ページ バンドル販売名 {% bundle.name %} 運用メニュー>商品管理>バンドル販売基本情報-バンドル販売名に置換されます。
バンドル対象商品一覧ページ バンドル販売URLコード {% bundle.url %} 運用メニュー>商品管理>バンドル販売基本情報-バンドル販売URLコードに置換されます。
バンドル対象商品一覧ページ バンドル販売アイコン画像 {% bundle.image %} 運用メニュー>商品管理>バンドル販売基本情報-バンドル販売アイコン画像(コマースクリエイター)に置換されます。アイコン画像の登録がない場合は、出力されません。
バンドル対象商品一覧ページ バンドル独自コメント(1-4) {% bundle.comment_1 %}

{% bundle.comment_4 %}
運用メニュー>商品管理>バンドル販売基本情報-バンドル対象一覧 独自コメント設定(コマースクリエイター)-独自コメント(1)~(4)に置換されます。

クーポン対象商品一覧

画面 内容 置換文字 説明
クーポン対象商品一覧ページ クーポン名 {% coupon.name %} 運用メニュー>クーポン管理>クーポン発行(コマースクリエイター)-クーポン名に置換されます。
クーポン対象商品一覧ページ クーポン画像 {% coupon.image %} 運用メニュー>クーポン管理>クーポン発行(コマースクリエイター)-クーポン表示情報-クーポン画像のパスに置換されます。
クーポン対象商品一覧ページ クーポン独自コメント(1-3) {% coupon.comment_1 %}

{% coupon.comment_3 %}
運用メニュー>クーポン管理>クーポン発行(コマースクリエイター)-クーポン表示情報-独自コメント1から3に置換されます。

STAFF START(スタッフスタート)連携

STAFF START(スタッフスタート)連携オプションで利用できる置換文字です。

画面 内容 置換文字 説明
コーディネート一覧 コーディネート検索条件-身長 {% search_coordination.height %} コーディネート検索 身長パーツで検索した条件が表示されます。
コーディネート一覧 コーディネート検索条件-レーベル {% search_coordination.label %} コーディネート検索 レーベルパーツで検索した条件が表示されます。
コーディネート一覧 コーディネート検索条件-スタッフ所属店舗 {% search_coordination.shop %} コーディネート検索 スタッフ所属店舗パーツで検索した条件が表示されます。
コーディネート一覧 コーディネート検索条件-コーディネート性別 {% search_coordination.coordination_gender %} コーディネート検索 コーディネート性別パーツで検索した条件が表示されます。
コーディネート一覧 コーディネート検索条件-商品タイプ {% search_coordination.product_type %} コーディネート検索 商品タイプパーツで検索した条件が表示されます。
コーディネート一覧 コーディネート検索条件-商品カテゴリ(1階層目) {% search_coordination.parent_category %} コーディネート検索 商品カテゴリパーツで検索した条件が表示されます。
運用メニュー>STAFF START>STAFF START設定>商品カテゴリ(1階層目)設定にて設定した商品カテゴリで検索できます。
コーディネート一覧 コーディネート検索条件-商品カテゴリ(2階層目) {% search_coordination.category %} コーディネート検索 商品カテゴリパーツで検索した条件が表示されます。
運用メニュー>STAFF START>STAFF START設定>商品カテゴリ(2階層目)設定にて設定した商品カテゴリで検索した条件が表示されます。
コーディネート一覧 コーディネート検索条件-ハッシュタグ {% search_coordination.tag %} ハッシュタグ表示から検索したハッシュタグ(検索条件)が表示されます。
コーディネート一覧 コーディネート検索条件-登録スタッフ名 {% search_coordination.staff_name %} 「スタッフ詳細」から「(詳細を表示しているスタッフの)その他のコーディネート」にある「もっと見る」でコーディネートを検索した場合に、スタッフ名が表示されます。
コーディネート一覧 コーディネート検索条件-商品名 {% search_coordination.product_name %} この商品を使ったコーディネート(新着順)パーツ・この商品を使ったコーディネート(人気順)パーツから「もっと見る」で検索した場合に表示されます。
コーディネート一覧 コーディネート検索条件-並び順 {% search_coordination.sort %} 新着順の場合は「TIME」、人気順の場合は「PV」と表示されます。
コーディネート詳細 コーディネート身長 {% coordination.height %} STAFF STARTシステムから出力されたコーディネート情報の「身長(数字のみ)」に置換されます。
コーディネート詳細 コメント {% coordination.commet %} STAFF STARTシステムから出力されたコーディネート情報の「コメント」に置換されます。
コーディネート詳細 スタッフ画像 {% coordination.staff_image %} STAFF STARTシステムから出力されたコーディネート情報の「スタッフ画像のURL」に置換されます。
コーディネート詳細 スタッフ名 {% coordination.staff_name %} STAFF STARTシステムから出力されたコーディネート情報の「スタッフ名」に置換されます。
コーディネート詳細 スタッフ名(カナ) {% coordination.staff_name_kana %} STAFF STARTシステムから出力されたコーディネート情報の「スタッフ名のカナ」に置換されます。
コーディネート詳細 スタッフ身長 {% coordination.staff_height %} STAFF STARTシステムから出力されたコーディネート情報の「スタッフ身長(数字のみ)」に置換されます。
コーディネート詳細 レーベル名 {% coordination.label %} STAFF STARTシステムから出力されたコーディネート情報の「レーベル名」に置換されます。
コーディネート詳細 レーベル名(カナ) {% coordination.label_kana %} STAFF STARTシステムから出力されたコーディネート情報の「レーベル名(カナ)」に置換されます。
コーディネート詳細 スタッフ所属店舗名 {% coordination.shop %} STAFF STARTシステムから出力されたコーディネート情報の「スタッフの所属店舗名」に置換されます。
コーディネート詳細 ハッシュタグ {% coordination.tag %} STAFF STARTシステムから出力されたコーディネート情報の「ハッシュタグ」に置換されます。複数のタグで検索された場合は、「,(半角カンマ)」区切りで出力されます。
コーディネート詳細 作成日時 {% coordination.created_at %} STAFF STARTシステムから出力されたコーディネート情報の「作成日時」に置換されます。
コーディネート詳細 公開日時 {% coordination.accept_at %} STAFF STARTシステムから出力されたコーディネート情報の「公開日時」に置換されます。
コーディネート詳細 PV数 {% coordination.pv %} STAFF STARTシステムから出力されたコーディネート情報の「PV数」に置換されます。
スタッフ一覧 スタッフ検索条件-身長 {% search_staff.height %} スタッフ検索 身長パーツで検索した条件が表示されます。
スタッフ一覧 スタッフ検索条件-レーベル {% search_staff.label %} スタッフ検索 レーベルパーツで検索した条件が表示されます。
スタッフ一覧 スタッフ検索条件-スタッフ所属店舗 {% search_staff.shop %} スタッフ検索 スタッフ所属店舗パーツで検索した条件が表示されます。
スタッフ一覧 スタッフ検索条件-スタッフ性別 {% search_staff.gender %} スタッフ検索 スタッフ性別パーツで検索した条件が表示されます。
スタッフ一覧 スタッフ検索条件-並び順 {% search_staff.sort %} 新着順の場合は「TIME」、人気順の場合は「PV」と表示されます。
スタッフ詳細 スタッフ画像 {% staff.staff_image %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフ画像URL」に置換されます。
スタッフ詳細 スタッフ名 {% staff.staff_name %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフ名」に置換されます。
スタッフ詳細 スタッフ名(カナ) {% staff.staff_name_kana %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフ名(カナ)」に置換されます。
スタッフ詳細 レーベル名 {% staff.label_name %} STAFF STARTシステムから出力されたスタッフ情報の「レーベル名」に置換されます。
スタッフ詳細 スタッフ所属店舗名 {% staff.shop_name %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフ所属店舗名」に置換されます。
スタッフ詳細 スタッフプロフィール {% staff.profile %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフプロフィール」に置換されます。
スタッフ詳細 スタッフ身長 {% staff.staff_height %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフ身長(数字のみ)」に置換されます。
スタッフ詳細 スタッフ性別 {% staff.gender %} STAFF STARTシステムから出力されたスタッフ情報の「スタッフ性別」に置換されます。運用メニュー>STAFF START>STAFF START設定>スタッフ性別設定-名称に登録された内容を表示します。
スタッフ詳細 instagramアカウント {% staff.instagram %} STAFF STARTシステムから出力されたスタッフ情報の「instagramアカウント(ユーザーネーム・instagramページのURLの一部)」に置換されます。
スタッフ詳細 instagram名 {% staff.instagram_name %} STAFF STARTシステムから出力されたスタッフ情報の「instagram名(名前)」に置換されます。

ページ設定で利用できる置換文字

ページ設定で利用できる置換文字です。
タイトル・キーワード・概要・ページ見出し・パンくず表示名で、以下の置換文字が使用できます。

画面 内容 置換文字 説明
全ページ共通 店舗名 {% shop.name %} 管理TOP>ショップ基本設定>ショップ基本設定に設定した店舗名に置換されます。
商品詳細 商品名 {% product.name %} 商品ごとに置換されます。
商品詳細 所属する商品グループ名(メイングループ) {% product.category_name %} 商品ごとに置換されます。
商品グループ 商品グループ名 {% category.name %} 商品グループごとに置換されます。
商品検索結一覧 検索キーワード
※パンくずを除く
{% search.keyword %} 商品キーワード検索に使用されたキーワードに置換されます。(文字数は制限されます。)
クーポン対象商品一覧 クーポン名 {% coupon.name %} 対象商品が一覧表示されているクーポン名に置換されます。
バンドル販売対象商品一覧 バンドル販売名 {% bundle.name %} 商品が一覧表示されているバンドル販売ごとに置換されます。
レビュー投稿一覧 投稿者名 {% reviewer.name %} レビュー投稿時に入力するニックネームに置換されます。
マイページ 会員名 {% member.name %} 会員氏名に置換されます。氏と名の間は半角空白で区切られます。
取扱店舗一覧 商品名 {% product.name %} 商品ごとに置換されます。
店舗在庫詳細 商品名 {% product.name %} 商品ごとに置換されます。
店舗在庫詳細 店舗名(正式名称) {% store.name %} 構築メニュー>実店舗設定>新規登録-店舗登録・編集[店舗名(正式名称)]に設定に置換されます。登録がない場合は[店舗名]の設定に置換されます。

会員情報置換文字

一人ひとり異なる会員の情報を画面に出力できる、特殊な置換文字です。

フリーパーツの表示内容フリーページの本文にて利用できる置換文字です。
会員情報置換文字は{@ member.nickname @}のように、「{@ 」と「 @}」を前後につけて入力してください。
会員情報を表示するため、他の置換文字とは違う記法となっています。

会員情報置換文字を記載した部分を「fs-clientInfo」というclassを付与した要素で囲んでください。

<div class="fs-clientInfo">{@ member.nickname @}</div>

なお、こちらの置換文字はHTML出力時点では置換されておらず、ブラウザ上で置換されます。よってJavaScriptプログラムへの利用された場合、正しく動作しない場合がございます。

会員情報置換文字はコマースクリエイター自動生成ページ(コマースクリエイター>ページ一覧およびフリーページ一覧にあるページ)のみで動作します。
コマースクリエイター>アイテム一覧に保存した静的ページや、別の仕組みで表示されたページでは動作いたしません。

フリーパーツの表示内容、フリーページの本文で使用できる会員情報置換文字
No. 項目 置換文字 会員 非会員
ログイン状態 {@ member.logged_in @} true false
会員ID {@ member.id @} 半角数字(連番) 123 会員ID guest
{@ member.last_name @} 氏名(氏) 値なし
{@ member.first_name @} 氏名(名) ゲスト
ニックネーム {@ member.nickname @} ニックネーム 値なし
会社名 {@ member.company_name @} 会社名 値なし
会員ランクID {@ member.stage_no @} 半角数字 2 会員ステージ表示順 値なし
会員ランク名 {@ member.stage_name @} シルバー 会員ステージ名 値なし
メールマガジン受信可否 {@ member.subscribed_to_newsletter @} 受信可:true
受信不可:false
false
(購入)ポイント付与率 {@ member.point_rate @} 小数点第1位まで表示、「%」付 1.5% 値なし
保有ポイント {@ member.total_points @} カンマ区切り 1,000 値なし
有効ポイント {@ member.active_points @} カンマ区切り 1,000 値なし
有効待ちポイント {@ member.pending_points @} カンマ区切り 1,000 値なし
購入ポイント有効期限 {@ member.purchase_point_expiration @} yyyy/mm/dd 2018/01/01 値なし
特別ポイント {@ member.special_points @} カンマ区切り 1,000 値なし
直近の特別ポイント有効期限 {@ member.special_point_expiration @} yyyy/mm/dd 2018/01/01 値なし

会員情報置換文字を利用したログイン・ログアウト表示例

ログイン状態を表示する会員情報置換文字「{@ member.logged_in @}」とCSSを利用して、会員ログイン中または自動ログイン(ECサイト会員ログイン履歴あり)ならば「ログアウト」を、非会員(ゲスト・ログイン履歴なし)ならば「ログイン」「会員登録」を表示します。

HTML記述例
<div class="fs-clientInfo">
<span class="logout my-{@ member.logged_in @}"><a href="/p/logout">ログアウト</a></span>
<span class="login my-{@ member.logged_in @}"><a href="/p/login">ログイン</a></span>
<span class="regist my-{@ member.logged_in @}"><a href="/p/register">会員登録</a></span>
</div>
CSS記述例(コマースクリエイター>テーマ>オリジナルCSSに記載してください。フリーパーツに記述する場合は、<style></style>タグで囲んでください。)
.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }

class名「my-{@ member.logged_in @}」は、会員ログイン中または自動ログインならば「my-true」と出力されるため「ログイン」「会員登録」を、非会員ならば「my-false」と出力されるため「ログアウト」を非表示にしています。

カート内の商品数について

フリーパーツの表示内容フリーページの本文にて利用できる置換文字です。カート内の商品数を表示できます。カート内の商品数を表示したいHTMLタグに「fs-client-cart-count」というclassを記述してください。
「fs-client-cart-count」というclassを記述されたHTMLタグにショッピングカートの「数量」の数字を出力します。

(例)
<div class="fs-client-cart-count"></div>
↓
<div class="fs-client-cart-count">1</div>

タグの内容はすべてショッピングカートの「数量」の数字に書き換わります。見出しなどを記載している場合、削除されますのでご注意ください。

(成功例)
<div>カート内の商品数:<span class="fs-client-cart-count"></span></div>
↓
<div>カート内の商品数:<span class="fs-client-cart-count">1</span></div>
(ショッピングカートへのリンク例)
<div>カート内の商品数:<a href="/p/cart" class="fs-client-cart-count"></a></div>
↓
<div>カート内の商品数:<a href="/p/cart" class="fs-client-cart-count">1</a></div>
(失敗例)
<div class="fs-client-cart-count">カート内の商品数:</div>
↓
<div class="fs-client-cart-count">1</div>

表示される数字はショッピングカートの「数量」と同じです。同じ商品を2個購入すると2に、同じ商品の違うバリエーションを購入してもそれぞれカウントされます。(赤を1個、青を1個で2となります。)

数字の桁区切り(カンマ)は入りません。(1000と出力されます。)

カート内の商品数はHTML出力時点では出力されておらず、ブラウザ上で置換されます。よってJavaScriptプログラムへの利用された場合、正しく動作しない場合がございます。

カート内の商品数置換文字はコマースクリエイター自動生成ページのみで動作します。(コマースクリエイター>ページ一覧にあるページおよびコマースクリエイター>フリーページ一覧コマースクリエイター>アイテム一覧に保存した静的ページや、別の仕組みで表示されたページでは動作いたしません。

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター無効 コマースクリエイター有効 コマースクリエイター運用中
コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。