帳票のテンプレートは『受注＞設定管理＞帳票テンプレート』より『受注＞受注管理＞受注一覧』の帳票出力で使用する帳票のテンプレートを管理する事ができます。

▼帳票内のデザイン修正
帳票テンプレートの下部には、デザインを指定しているCSSが多数定義されています。該当部分のCSSを編集して対応してください。

——————————————————

【編集可能ページ一覧について】
一覧は既に登録されている帳票が表示されているブロックです。

『確認』：ダミーデータで帳票を表示します。テンプレートの記述確認にご利用ください。
『編集』：テンプレートの内容を編集する事ができます。
『削除』：登録したテンプレート内容を削除します。
『移動』：複数の帳票テンプレートが登録されている場合に、『受注＞設定管理＞帳票テンプレート』の帳票テンプレート管理内と『受注＞受注管理＞受注一覧』の帳票出力での選択肢の順番に影響します。

【テンプレートの編集について】
テンプレートの記述は一般的なHTMLの知識があれば編集できるようになっていますが、一部システム動作を行うタグが含まれていますので、下記のような部分を編集する際はご注意ください。

■<!–{xxx}–>：システム動作が表示される部分
■<!–{xxx}–>～<!–{/xxx}–>：システム動作のブロックになっています。「～」の中身部分は編集しても動作に影響はありません。

【更新履歴ボタンについて】
テンプレート等のHTML編集には「更新履歴」機能が付属していますので、過去のテンプレートに戻したり、初期状態のテンプレートに戻したりする事ができます。

▼『更新履歴』ボタンを押すと下記の動作がおこなえます。
【日付】：該当日時のテンプレートの内容を表示します。
【えんぴつのアイコン】：テンプレートに対するメモを編集できます。
【保護】：『保護履歴』にテンプレートを保管しておけます。
『デフォルトテンプレートを読み込む』：　システム標準の初期状態テンプレートを読み込めます。

【帳票テンプレート内で使用できるタグについて】
テンプレート内で使用できるタグについては、『受注管理＞帳票テンプレート管理』内の[?]（画面内ヘルプ）をご参考ください。

『コンテンツ＞各種管理＞ファイル』のファイル管理から掲載したいロゴ画像を任意の場所にアップロードしてください。
その後、『受注＞設定管理＞帳票テンプレート』より掲載したい帳票テンプレートの「編集」からHTMLと同じ記述法で記載すれば表示されます。

▼イメージタグの例
<img src=”/contents/ex/img/xxxx.png” />

——————————————————

『コンテンツ＞各種管理＞ファイル』のファイル管理からフォルダに対応したファイルのアップロード・ダウンロード・表示・削除の全体的な管理を行う事ができます。

編集できる場所は下記の２ヵ所です。
『ショップファイル』：/contents/ex/（2016年8月以前にオープンしたショップは/user_data/ex/） 以下に対応しています。
『テンプレート』：『デザイン』メニューから編集できるテンプレートをファイルとして扱います。

※日本語のファイル名や、許可されていない拡張子のファイルはアップロードする事ができません。

【フォルダツリーブロック】
左部のフォルダツリーブロックでは、フォルダをクリックする事によりフォルダを展開し、中に入っているフォルダやファイルを表示する事ができます。

【フォルダブロック】
右部のフォルダブロックでは、フォルダ内に含まれているフォルダやファイルの一覧を表示します。
上部のアイコンより各種操作を行う事ができます。

——————————————————

『受注＞設定管理＞帳票テンプレート』では『受注＞受注管理＞受注一覧』の帳票出力で使用する帳票のテンプレートを管理する事ができます。

複数の帳票テンプレートを登録しておくと、帳票出力でプルダウン選択をしてPDF出力できるようになります。
帳票テンプレート内の記述はHTMLを使って記述する事ができます。

【編集可能ページ一覧について】
一覧は既に登録されている帳票が表示されているブロックです。

『確認』：ダミーデータで帳票を表示します。テンプレートの記述確認にご利用ください。
『編集』：テンプレートの内容を編集する事ができます。
『削除』：登録したテンプレート内容を削除します。
『移動』：複数の帳票テンプレートが登録されている場合に、『受注＞設定管理＞帳票テンプレート』の帳票テンプレート管理内と『受注＞受注管理＞受注一覧』の帳票出力での選択肢の順番に影響します。

【テンプレートの編集について】
テンプレートの記述は一般的なHTMLの知識があれば編集できるようになっていますが、一部システム動作を行うタグが含まれていますので、下記のような部分を編集する際はご注意ください。

■<!–{xxx}–>：システム動作が表示される部分
■<!–{xxx}–>～<!–{/xxx}–>：システム動作のブロックになっています。「～」の中身部分は編集しても動作に影響はありません。

【更新履歴ボタンについて】
テンプレート等のHTML編集には「更新履歴」機能が付属していますので、過去のテンプレートに戻したり、初期状態のテンプレートに戻したりする事ができます。

▼『更新履歴』ボタンを押すと下記の動作がおこなえます。
【日付】：該当日時のテンプレートの内容を表示します。
【えんぴつのアイコン】：テンプレートに対するメモを編集できます。
【保護】：『保護履歴』にテンプレートを保管しておけます。
『デフォルトテンプレートを読み込む』：　システム標準の初期状態テンプレートを読み込めます。

帳票のテンプレートは『受注＞設定管理＞帳票テンプレート』より『受注＞受注管理＞受注一覧』の帳票出力で使用する帳票のテンプレートを管理する事ができます。

複数の帳票テンプレートを登録しておくと、帳票出力でプルダウン選択をしてPDF出力できるようになります。
帳票テンプレート内の記述はHTMLを使って記述する事ができます。

▼【編集可能ページ一覧】から崩れてしまったテンプレートの「編集」で下記の部分を確認してください。
<!–{xxx}–>部分を編集すると、デザインが大きく崩れたり動作しなくなってしまう事があります。
編集画面下にある【更新履歴】ボタンを押して『デフォルトテンプレートを読み込む』で初期状態に戻してみてください。

—————————————————

【編集可能ページ一覧について】
一覧は既に登録されている帳票が表示されているブロックです。

『確認』：ダミーデータで帳票を表示します。テンプレートの記述確認にご利用ください。
『編集』：テンプレートの内容を編集する事ができます。
『削除』：登録したテンプレート内容を削除します。
『移動』：複数の帳票テンプレートが登録されている場合に、『受注＞設定管理＞帳票テンプレート』の帳票テンプレート管理内と『受注＞受注管理＞受注一覧』の帳票出力での選択肢の順番に影響します。

【テンプレートの編集について】
テンプレートの記述は一般的なHTMLの知識があれば編集できるようになっていますが、一部システム動作を行うタグが含まれていますので、下記のような部分を編集する際はご注意ください。

■<!–{xxx}–>：システム動作が表示される部分
■<!–{xxx}–>～<!–{/xxx}–>：システム動作のブロックになっています。「～」の中身部分は編集しても動作に影響はありません。

【更新履歴ボタンについて】
テンプレート等のHTML編集には「更新履歴」機能が付属していますので、過去のテンプレートに戻したり、初期状態のテンプレートに戻したりする事ができます。

▼『更新履歴』ボタンを押すと下記の動作がおこなえます。
【日付】：該当日時のテンプレートの内容を表示します。
【えんぴつのアイコン】：テンプレートに対するメモを編集できます。
【保護】：『保護履歴』にテンプレートを保管しておけます。
『デフォルトテンプレートを読み込む』：　システム標準の初期状態テンプレートを読み込めます。

【帳票テンプレート内で使用できるタグについて】
テンプレート内で使用できるタグについては、『受注管理＞帳票テンプレート管理』内の[?]（画面内ヘルプ）をご参考ください。

 

FTPは使用できません。
別途オプション【初期設定費10,000円（税抜）】をお申込みいただくと、SFTP※を使ってテンプレートを編集する事ができます。
ご希望の場合は、アカウント開通通知後にサポートまでご連絡ください。

※動作対応クライアントはFilezilla、WinSCP。

 

デザインの多くはCSSにて定義されています。
『デザイン＞各デバイス＞CSS設定』から各CSSの内容を編集してください。

 

『デザイン＞各デバイス＞CSS設定』について

ショップのデザイン情報を定義するファイルを管理します。
CSSは Cascading Style Sheets (カスケーティング・スタイル・シート)の略で、単にスタイルシート/スタイルと呼ばれている物です。

PCページとスマートフォンページの装飾の多くはCSSによって行われ、初期状態ではページ表示時に「import.css」を通して各CSSが一括で読み込まれるようになっています。

 

【更新履歴ボタンについて】

CSS編集には「更新履歴」機能が付属していますので、過去のCSSに戻したり、初期状態のCSSに戻したりする事ができます。

「更新履歴」ボタンを押すと下記の動作がおこなえます。
【日付】：該当日時のCSSの内容を表示します。
【えんぴつアイコン】：CSSに対するメモを編集できます。
【保護】：「保護履歴」にCSSを保管しておけます。
【デフォルトテンプレートを読み込む】：システム標準の初期状態CSSを読み込めます。

 

<!–{xxx}–>部分を編集すると、デザインが大きく崩れたり動作しなくなってしまう事があります。

テンプレートのHTML編集枠の下にある【更新履歴】ボタンを押して「テンプレート更新履歴」というポップアップ画面の【デフォルトテンプレートを読み込む】をクリックして初期状態に戻してみてください。

 

『デザイン＞各デバイス＞ヘッダー/フッター設定』について

全ページに挿入されるヘッダー（ページ上部）とフッター（ページ下部）のテンプレートを編集します。

【テンプレートの編集について】

テンプレートの記述は一般的なHTMLの知識があれば編集できるようになっていますが、一部システム動作を行うタグが含まれていますので、下記のような部分を編集する際はご注意ください。

■<!–{xxx}–>：システム動作が表示される部分
■<!–{xxx}–>～<!–{/xxx}–>：システム動作のブロックになっています。
「～」の中身部分は編集しても動作に影響はありません。

 

【更新履歴ボタンについて】

テンプレート等のHTML編集には「更新履歴」機能が付属していますので、過去のテンプレートに戻したり、初期状態のテンプレートに戻したりする事ができます。

「更新履歴」ボタンを押すと下記の動作がおこなえます。
【日付】：該当日時のテンプレートの内容を表示します。
【えんぴつアイコン】：テンプレートに対するメモを編集できます。
【保護】：「保護履歴」にテンプレートを保管しておけます。
【デフォルトテンプレートを読み込む】：システム標準の初期状態テンプレートを読み込めます。

一括でアップロードする事はできません。
一度、管理画面上にページを登録し【ページタイトル】と【URL】を決定してください。

『デザイン＞ページ設定（PC・スマートフォン・モバイル）』より、 テンプレート編集画面の下にある「編集可能ページ一覧」の【ページを新規作成】から登録を行い、【ページタイトル】と【URL】を決定してください。

一度設定されたユーザーページであればSFTPからテンプレートの更新をする事ができます。

 

ページ設定について

「PC」「モバイル」「スマートフォン」について、総合的なページの管理と、ブロックの配置や編集を行う事ができます。

 

【各ページのブロック配置画面について】

各ページのブロック配置をマウスドラッグにより変更する事ができます。

【全ページ（チェックボックス）】：TOPページのみチェックする事ができます。チェックすることでサイト全体にブロックが自動配置されます。

【除外（チェックボックス）】：全ページのブロックのうち、「除外」にチェックすることで、そのページのみチェックを付けたブロックを非表示にします。

【えんぴつアイコン】ブロックのテンプレートを編集できます。

 

【編集可能ページ一覧画面について】

【標準ページタブ】：システム標準のページ一覧です。必須テンプレートなので『削除』を行う事はできません。

【ユーザーページタブ】：ショップが追加したフリーページ一覧です。『削除』を行う事ができます。

【確認】：該当のページが開き、レイアウトやデザインの確認ができます。

【レイアウト】：該当ページのレイアウト編集画面に移りブロック配置や編集を行えます。

【テンプレート】：該当ページのテンプレート編集画面を開きます。

【ページを新規作成】：新しいユーザーページ（フリーページ）を作成する事ができます。

※同一URLで「PC」「モバイル」「スマートフォン」の各デバイスに対応したユーザーページを作成するには、それぞれのデバイスごとにユーザーページを作成する必要があります。
該当するデバイスのページが存在しない場合はPCページが表示されます。

・『デザイン＞PC＞各種設定』
・『デザイン＞モバイル＞各種設定』
・『デザイン＞スマートフォン＞各種設定』