年齢確認ページを表示したい

※年齢確認ページの設定は、レギュラー／ラージ／プレミアムプランでご利用いただける機能です。エコノミー／スモールプランをご利用中の場合は、こちらからプランアップしてご利用ください。

※なお、エコノミー／スモールプランへの変更および新規申込は受付を終了しております。そのため、プランアップ後にエコノミー／スモールプランへのプランダウンはできません。予めご了承ください。

• 設定方法
• 年齢確認ページの確認
• 決済画面に年齢入力項目を用意する
• 年齢確認ページのカスタマイズ
• よくある質問

設定方法

「商品管理」>「商品登録（編集）」画面にアクセスします。

「購入制限設定」の「年齢制限商品」で、アダルト商品を販売する場合は「18歳以上」、酒類を販売する場合は「20歳以上」を選択し、「登録（更新）」ボタンをクリックします。

年齢確認ページの確認

「年齢制限商品」として設定した商品ページにアクセスすると、年齢確認ページが表示されます。
「はい」を選択すると、同一ブラウザでのアクセスに限り次回から確認ページは表示されなくなります。

年齢確認ページのカスタマイズ

年齢確認ページのデザインは、CSSを編集することでカスタマイズをすることができます。

上のようなデザインに変更してみましょう。

まず、「画像ファイル管理」画面にアクセスし、オリジナルの年齢確認画像をアップロードします。
オリジナル画像をこちらに用意したのでお使いください。

画像をアップロードすると、ファイル名が表示されます。
①アップロードしたファイル名をクリックすると、②画像のURLが表示されるのでコピーします。

次に、テンプレート編集画面 > 共通.CSS編集画面に下記のコードを貼り付けます。コード内の「●●●」を先ほどコピーした画像ファイルのURLに置き換えます。

/*年齢確認画面カスタマイズ*/
@media screen and (max-width: 480px) {
  #logo_i {
    padding-bottom: 0;
  }
}
#main_i {
  border: none;
  padding-top: 0;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  #main_i {
    margin: 0 5% 15px;
    padding: 0;
  }
}
#main_i form {
  background: url(●●●) no-repeat center top;
  padding-top: 180px;
}
#main_i form img {
  display: none;
}
.validation_txt_sub {
  margin-bottom: 2em;
}
.validation_select a {
  font-size: 0;
  margin-bottom: 1em;
}
.validation_select a:before {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.7em 0;
  border-radius: 0.4em;
  display: inline-block;
  width: 7em;
}
@media screen and (max-width: 480px) {
  .validation_select a:before {
    margin-bottom: 1em;
  }

}
#validation_select_yes a:before {
  content: "はい";
  color: #fff;
  background: #333;
}
#validation_select_no a:before {
  content: "いいえ";
  color: #666;
  background: #ddd;
}

「更新」ボタンをクリックして、テンプレートを保存します。以上でカスタマイズが完了です。
年齢制限設定をした商品ページにアクセスして、年齢確認ページを表示してみましょう。

よくある質問

Q.「成年向け（アダルト）」商品の販売は可能ですか？

当サービスでは、販売禁止商品を以下のように改定をしております。

したがって、レギュラー／ラージ／プラチナ／プレミアムプランのいずれかにて購入制限設定による年齢確認ページを利用し、独自ドメインのサイトで販売される際には、お取り扱いが可能となっております。

なお、法律で規制されているアダルト商品につきましては、機能上の条件を満たしている場合も当サービスでの販売を禁止しております。