見積書・注文書の作成方法

ウッドデポでは、簡易お見積書の作成や、確実にご注文いただけるご注文書の作成をサポートしています。初めてのご利用でも、安心してスムーズにお手続きを進められます。

ご希望の商品をカートに追加するだけで、簡単に見積書を作成できます。

【PCの場合】

ショッピングカート画面下部の「このページの印刷」をクリック

印刷画面から見積書をプリントアウト

【スマートフォン・携帯の場合】

方法A：ショッピングカート画面をスクリーンショットで保存

方法B：ブラウザの共有ボタンから「印刷・プリント」を選択し、PDFとして保存

💡 送料は見積書には含まれませんので、詳細はこちらからご確認ください。

お見積りは、カート画面から簡単に作成可能

正式なご注文書は、ウッドデポが作成してご案内

FAX注文にも対応しており、臨機応変に対応可能です

ご不明な点がございましたら、お気軽にお問い合わせください。

※以下は利用ガイドで使用できるスタイリングのサンプルです。

通常の段落テキストはp要素でくくります。
p要素による段落と段落の上下余白は1文字分（1em）の余白が付きます。brによる改行での行間余白はline-heightに依存します。

もし段落間の余白を部分的に大きくとりたい場合はbrタグの連続多用でいいのではないかと思います。
利用ガイドでのHTML構造（タグ要素やclass）はなるべく簡潔なのが好ましいのではないかと考えておりますが、厳密に余白をコントロールしたい場合は余白を制御するOOCSSを用意するといいと思います。

これはh3タイトルです

以下は箇条書きスタイルのサンプルです。
箇条書きのスタイリングは「_1.2.typo.scss」に記述してあり、HELPコンテンツ以外のページ（商品詳細ページのフリーエリア等）でも、classを指定すれば使用できます。

リストマークが「・」になる注意書き・箇条書きテキストです（ベーシック）。dl要素にclass「ec-list」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

リストマークが「※」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-rice」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

リストマークが「●」になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-disc」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

リストマークが連番表示になる注意書き・箇条書きテキストです。dl要素にclass「ec-list-decimal」を付ける事でスタイリングされます。dd要素テキストは改行されてもリストマークの1文字分は字下げされます。

これはダミーテキストです

これはダミーテキストです

これはダミーテキストです

その他の装飾

EC-CUBEはいくつか文字装飾用のclassが用意されています。「_1.2.typo.scss」。またBootstrapのスタイルも使用できます。

太字にしたい場合は「ec-font-bold」を指定します。→太字のサンプル

文字色をグレーにしたい場合は「ec-color-grey」を指定します。→グレー文字のサンプル

文字色を赤色にしたい場合は「ec-color-red」を指定します。→赤文字のサンプル

「text-primary」→サンプル　「bg-primary」サンプル

「text-success」→サンプル　「bg-success」→サンプル

「text-info」→サンプル　「bg-info」→サンプル

「text-warning」→サンプル　「bg-warning」→サンプル

「text-danger」→サンプル　「bg-danger」→サンプル

文字を中央寄せにしたい場合はブロック要素に「text-center」を指定します。↓

中央寄せのサンプル

文字を右寄せにしたい場合はブロック要素に「text-right」を指定します。↓

右寄せのサンプル