コマースクリエイター未利用店舗様専用の記事です

闇市機能（パスワード認証により商品が閲覧できる機能）を複数販売した際は、
商品ページを開くたびにパスワードを入力する必要がございます。

１つの商品ページ内に他の商品のカートボタンタグを貼り付けて、
まとめることにより、1度のパスワード入力で複数商品を購入させることができます。

 

＜概要＞
お得意様専用の入り口ページ用の商品（入り口用ダミー商品）を闇市設定をして登録し、
その入り口ページ用商品ページにカゴボタンHTMLタグを利用して、複数商品（闇市設定済）のカゴを並べます。

※カートボタンタグを利用して、商品をカートに入れる場合は「闇市パスワード」は不要になります。
画像のような「まとめてカゴへ入れる」ことも可能です。

お客様には、
この「入り口ページのURL（商品URL）」と「入口ページ商品の闇市パスワード」を
メールなどでお知らせします。

以上の方法で、1回のパスワード入力で、複数の闇市商品を見ることができます。

ページの作成手順

１：「入り口ページ」と「闇市とさせたい商品」に、「闇市パスワード」を設定する

入り口ページとして利用する商品、その他の商品すべてに「闇市パスワード」を設定し登録を行う。
※「闇市パスワード」が設定された商品は、「商品一覧」「商品検索結果一覧」に表示されません。

２：入り口ページの商品ページの設定

入り口となる商品ページはダミー商品ですので、お客様に購入ができないようにします。

ただ、ダミーといえども、商品名・価格などは商品登録には必須ですのでご任意のものを設定してください。

そして、この商品の商品名・価格などの項目を非表示とします。

基本情報編集内「商品スタイルの表示設定」にて
「カートへ」表示　などすべてのチェックを外してください。

また、以下を上級デザインタブ内、
「上部コメント」「スマートフォン上部コメント」に記述してください。

<style type="text/css">
<!--
/* 商品名を非表示 */
.itemTitle{display:none;}
/* 商品番号を非表示 */
.itemNumber{display:none;}
/* 商品価格を非表示 */
.FS2_itemPrice_area{display:none;}
/* ポイントの表記を非表示 */
.FS2_point{display:none;}
-->
</style>

３：カートボタンHTMLを作成し、「商品説明」「下部コメント」へ登録する。

カートボタンHTMLの抽出方法は、下記をご参照ください。

「カートへ」ボタンを他のページに設置する方法
複数商品をまとめてカートに入れる方法

下記のタグの商品名などを修正し「商品説明」「下部コメント」へご登録ください。
※下記は、３商品の場合のサンプルのHTMLソースとなります。

<form action="http://独自ドメイン/fs/店舗Key/ToCart.html" method="post">
<hr width="600" size="1">
<table width="600" border="0" align="center" cellpadding="3" cellspacing="3">
<tr>
<td width="33%" align="center" ><strong>商品名Ａ</strong><br>
<br>
<img src="商品Ａの画像パス"><br>
<input type="hidden" name="goodsNo" value="商品名Ａの商品番号">
***円(税込)
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量
<input name="cnt_商品名Ａの商品番号" type="text" value="1" size="3"></td>
</tr>
</table></td>
<td width="33%" align="center"><span ><strong>商品名Ｂ</strong><br>
<br>
<img src="商品Ｂの画像パス"><br>
<input type="hidden" name="goodsNo" value="商品名Ｂの商品番号">
***円(税込)
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量
<input name="cnt_商品名Ｂの商品番号" type="text" value="1" size="3"></td>
</tr>
</table></td>
<td width="33%" align="center"><strong>商品名Ｃ</strong><br>
<br>
<img src="商品Ｃの画像パス"><br>
<input type="hidden" name="goodsNo" value="商品Ｃの商品番号">
***円(税込)
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量
<input name="cnt_商品Ｃの商品番号" type="text" value="1" size="3"></td>
</tr>
</table></td>
</tr>
</table>
<hr width="600" size="1">
<div style="margin-top:20px;" align="center">
<input name="submit" type="image" src="カゴボタン画像パス" value="カートへ">
</div>
</form>