# オーダー商品入稿仕様

## 入稿方法

メタフィールドの`customize.json`に、**JSON形式**で入力

## 注意点

- JSON文字列が１文字でも間違っていると表示されません
- チェックツールで事前にチェックしてください
- https://lab.syncer.jp/Tool/JSON-Viewer/

## JSONフォーマット

{
	sections: セクション[]
}

## セクション

### 1行の入力ボックス

|プロパティ名|値|デフォルト値|必須|説明|
|---|---|---|---|---|
|type|`text`||○|セクション判別のための固定値|
|title|任意の文字列|なし|○|タイトル|
|description|任意の文字列|なし||タイトル下の説明文(改行`\n`に対応)|
|required|`true` or `false`|`false`||入力必須フラグ|
|maxlength|1以上の数値|なし||最大文字数|
|minlength|1以上の数値|なし||最小文字数|

### 複数行の入力ボックス

|プロパティ名|値|デフォルト値|必須|説明|
|---|---|---|---|---|
|type|`textarea`||○|セクション判別のための固定値|
|title|任意の文字列|なし|○|タイトル|
|description|任意の文字列|なし||タイトル下の説明文(改行`\n`に対応)|
|required|`true` or `false`|`false`||入力必須フラグ|
|defaultValue|任意の文字列|なし||初期入力値|

### セレクトボックス

|プロパティ名|値|デフォルト値|必須|説明|
|---|---|---|---|---|
|type|`select`||○|セクション判別のための固定値|
|title|任意の文字列|なし|○|タイトル|
|description|任意の文字列|なし||タイトル下の説明文(改行`\n`に対応)|
|required|`true` or `false`|`false`||入力必須フラグ|
|options|任意の文字列の配列|なし|○|選択肢|

### 区切り線

|プロパティ名|値|デフォルト値|必須|説明|
|---|---|---|---|---|
|type|`border`||○|セクション判別のための固定値|

### 写真送付説明

|プロパティ名|値|デフォルト値|必須|説明|
|---|---|---|---|---|
|type|`photo`||○|セクション判別のための固定値|

### オーダー商品説明

|プロパティ名|値|デフォルト値|必須|説明|
|---|---|---|---|---|
|type|`instruction`||○|セクション判別のための固定値|
|title|任意の文字列|なし|○|タイトル|
|description|任意の文字列|なし||タイトル下の説明文(改行`\n`に対応)|

## サンプル

{
    "sections": [
        {
            "type": "text",
            "title": "ペットの名前",
            "required": true,
            "maxlength": 20
        },
        {
            "type": "select",
            "title": "フォントの選択",
            "required": true,
            "options": [
                "ヒラギノ",
                "明朝体",
                "Noto Sans"
            ]
        },
        {
            "type": "border"
        },
        {
            "type": "textarea",
            "title": "備考欄",
            "description": "●メモリアルプレートに刻印する文字を入力\n●ペンダントに刻印する文字を入力",
            "defaultValue": "●メモリアルプレートに刻印する文字を入力\n\n●ペンダントに刻印する文字を入力"
        },
        {
            "type": "photo"
        },
        {
            "type": "instruction",
            "title": "備考欄",
            "description": "●メモリアルプレートに刻印する文字を入力\n●ペンダントに刻印する文字を入力","
        },
    ]
}