インデックステンプレート
基本の変更
「TEST」(デモ管理画面)のテンプレートをコピー
下記部分の設定を変更してください。
|
1 2 3 4 5 |
{% set productArray = [ {"skuId" : '13',"regular_interval" : '1'}, {"skuId" : '14',"regular_interval" : '1'}, {"skuId" : '11'} ] %} |
skuId → 商品のSKUID番号を記入
regular_interval → 配送頻度のIDを記入
例：SKUIDが16,17の商品を配送頻度2ヶ月で販売する場合
|
1 2 3 4 |
{% set productArray = [ {"skuId" : '16',"regular_interval" : '4'}, {"skuId" : '17',"regular_interval" : '4'} ] %} |
下記の変更は任意になります。
|
1 2 3 4 5 6 7 8 9 |
{% set formOption = { 'quantity0disp': false, //数量の0を非表示に,trueで表示 'delivery_abroad_fix': "", //配送業者を固定する(配送業者idを記述)、フォームも非表示になる 'productDefaultSelect': true, //サイト表示時、商品選択をするか否か(trueだと「選択して下さい」の項目も出ない) 'deliveryDefaultSelect': true, //配送業者のデフォルト選択の有無、trueで1番目の方法が自動的に選択される 'paymentDefaultSelect': false, //支払い方法のデフォルト選択の有無、trueで1番目の方法が自動的に選択される 'country': "11", //国選択のセレクトボタンがある場合、デフォルトの国を設定する 'input_option': {"tw":"option6","aid":"option8"} } %} |
※備考
・htmlのlang属性はzh-twは変更しないてください
・LPページにてデフォルトで選択させる商品は最初に記述した商品になります。
・読み込んでいるテンプレートモジュールはlanding_page_module_commonになります。
・デフォルトの国の指定番号は、設定の対応国設定のIDを参照してください。
・deliveryDefaultSelectをfalseにして、delivery_abroad_fixにIDを記述した場合、delivery_abroad_fixが優先されます。
LPのボタンを押下するとフォームへ移動し商品を選択状態にさせる方法
aタグを以下の用に設定してください。
|
1 |
<a> … </a> |
(〇〇)の数値部分は、選択状態にさせたい標品のskuIdを記述してください。
★別のフォームを作成する場合(任意による設定)
テンプレートモジュールの「landing_page_module_common」をコピー。
フォームのオプションの設定
|
1 2 3 4 5 6 7 8 9 10 11 |
var lcFormOption = { district_tr_reject: true, //都道府県を非表示の場合はtrue currency_abroad: "", //latestjsonを上書きする場合 currency_jp: "", //latestjsonを上書きする場合 hyphen_reject: true, //ハイフンをトル場合はtrue deliveryTime: false, //配達時間の設定がある場合はtrue,ない場合はfalse country_option_reject: [1] //国選択のセレクトボタン上で非表示にしたい国のIDを記入 } var countryFormReject = { 11: {"city_tr": true} //国選択の際、表示/非表示にしたいフォームを設定 } |
フォームにてjavascriptのバリデーションを設定
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
var validationInit = { "{{form.last_name.vars.id}}": {"required": true,}, "{{form.first_name.vars.id}}": {"required": true,}, "{{form.birthday.vars.id}}": {"required": true,}, "{{form.zipcode.vars.id}}": {"required": true,"number": true}, "city": {"required": true}, "street": {"required": true}, "{{form.street.vars.id}}": {"required": true}, "{{form.tel.vars.id}}": {"required": true,"number": true}, "{{form.username.vars.id}}": {"required": true,"email": true}, "{{form.payment.vars.id}}": {"required": true}, "{{form.delivery_abroad.vars.id}}": {"required": true} } |