特定の会員ステージ価格を非表示にすることはできますか?

以下画像のように会員価格や最下位会員ステージ別価格を販売価格と同額にしている場合、
ステージ未判定会員や最下位ステージの会員が商品ページをご覧になると、同じ金額が二重表示されます。
 

ステージ未判定会員の場合…
シルバー会員の場合…

このような場合、CSSを利用することで会員価格やステージ別価格を非表示にできます。

設定画面はコマースクリエイターの利用状況により異なります。
 

コマースクリエイター利用中店舗様

commerce creator>テーマ>利用中テーマの「オリジナルCSS」 に、以下のようにCSSを記述してください。

/*会員価格を非表示*/
.fs-c-productPrice--stageUndetermined{display:none;}
.fs-c-productPrice--stage★{display:none;}

.fs-c-productPrice--stage★ の ★ には、非表示にしたい会員ステージの「表示順」を入れてください。
表示順は 設定>購入者・会員情報>会員ステージ基本設定 にて確認できます。

例えば、以下のように設定されている場合はシルバー会員は「3」なので、.fs-c-productPrice--stage3と入力します。


他のステージも同様にしたい場合は、.fs-c-productPrice--stage★{display:none;}の、★を変えたCSSを追記してください。

 

コマースクリエイター未利用もしくは移行中店舗様

<PC店舗>
構築>デザイン設定>編集>オリジナルCSS/JavaScript編集
「オリジナルCSSの編集」に下記のサンプルCSSを適宜編集して追記してください。

<スマートフォン店舗>
モバイル>デザイン設定>デザインCSSの編集 に下記のサンプルCSSを適宜編集して追記してください。

/* 会員ステージ価格表示 */
.FS2_body_Goods_GoodsDetail .FS2_special_members_price{display:none;}
.FS2_body_Goods_GoodsDetail .FS2_stage0_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage1_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage2_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage3_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage4_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage5_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage6_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage7_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage8_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage9_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage10_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage11_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage12_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage13_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage14_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage15_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage16_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage17_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage18_price{display:block;}
.FS2_body_Goods_GoodsDetail .FS2_stage19_price{display:block;}

 

上記CSSは1行目の記述で一度すべてを非表示(display:none;)にした上で、
2行目以降の記述により表示するよう指示(display:block;)しています。
そのため2行目以降の記述は表示するステージ行のみを記述し、非表示にするステージ行は削除してください。
なお「stage0」などの数値はステージ表示順位を指しています。

  • 本設定を利用する場合、ステージ未判定会員に表示される会員価格は非表示となります。
  • 一行目の「FS2_special_members_price」は削除しないでください。
この記事は役に立ちましたか?