Follow Us.RSS

2013年4月25日(木)「請求書・領収書」印刷機能を追加しよう

  • 「チェックアウト」の「詳細表示ページ」には「請求書・領収書」印刷のための独自タグが用意されています。

  • (2013年4月25日(木) 午前1時9分26秒 更新)
  • このエントリーをはてなブックマークに追加Tweet

詳細表示を増やす

請求書・領収書を表示するために、まずは詳細表示バリエーションを増やします。

「詳細表示バリエーション数変更」画面。詳細表示バリエーション数を増やすと「詳細表示ページ ページレイアウト」設定を複数持つことができます。

ver2.0.20130424 以降では「チェックアウト」のデフォルトの設定に「請求書・領収書」用の「詳細表示ページ2」ページレイアウト設定が含まれていますが、それ以前のバージョンには含まれていません。

「詳細表示ページ2」ページレイアウト設定が存在しない場合は、「データベース・設定の復元」で「初期設定」について「「請求書・領収書」用設定を詳細表示ページ2に読み込む を復元する」を選択し「復元」します。

【注意】

  • システムアップデートからアップデートした場合はサイトの共有設定フォルダに「「請求書・領収書」用設定を詳細表示ページ2に読み込む」設定が読み込まれます。
  • システムアップデートが使えない環境では、「共有設定」のダウンロードから最新の共有設定をダウンロードし、ファイルを解凍してできた「default/order/page._receipt.default」ファイルをサーバ上の「~/cgi-data/default/order」フォルダにアップロードしてください。

これで「請求書・領収書」用「詳細表示ページ」が用意できました。表示内容を変更したい場合は、「詳細ページ2」ページレイアウト設定を開き、共有設定から復元したテンプレートを参考にテンプレートを書き換えてください。

詳細表示ボタンを追加する

新しい「詳細表示ページ2」が用意できたので、「詳細表示ページ2」を開くボタンを追加しましょう。

詳細画面を開くボタンを追加するには「詳細/サムネイル画像」フィールドタイプを追加します。

追加した「詳細/サムネイル画像」の「詳細設定」を開いて表示する詳細表示ページを選択します。ここでは「詳細表示ページ2」を選択します。

サムネイル画像は必要ないので「サムネイル非表示」も有効にします。

「請求書・領収書」の表示と印刷

「請求書・領収書 印刷」フィールドが追加されました。

ボタンクリックで「請求書・領収書」が開きます。決済承認済みの場合は、決済時を発行日として「領収書」が表示され、決済承認がまだの場合は発注日を発行日として「請求書」が表示されます。

「このページを印刷する」をクリックすると印刷ダイアログが表示されます。実際の印刷ではボタン類は印刷されません。

印刷プレビューから実際の印刷ではボタン類が省略されることがわかります。これら表示・非表示のコントロールは「詳細表示ページ2」ページレイアウト設定に書かれている CSS に書かれていますので、必要があれば自由に書き換えられます。

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | ショッピングカートが個別キャンセルと個別 ...

2014年5月2日 ... 商品ごとにキャンセル期限を設定できるようになったほか、決済後キャンセルしたとき、 払い戻し手続きができるようになりました。
https://cmonos.jp/blog/2014050200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ショッピングカートを使おう!

2010年3月30日 ... 最近お問い合わせいただくことが多くなった CMONOS.JP のショッピングカート。 PayPal によるクレジット決済に対応したことで、注目していただいているようです。その 設置方法をご紹介します。
https://cmonos.jp/blog/2010033000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | カレンダー+ショッピングカート=予約 ...

2013年4月24日 ... 最新版ではカレンダーでショッピングカートを使用したときの挙動を改善しました。改善点 をご紹介します。
https://cmonos.jp/blog/2013042400/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ショッピングカートをお見積もりに使う

2012年1月23日 ...ショッピングカートをお見積もり概算のために使いたい。そんなご依頼を受けて、最新版 ではお見積もり印刷画面などが追加されました。
https://cmonos.jp/blog/2012012301/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | カレンダーで実現する二種類の予約システム

2014年1月21日 ... カレンダー」に「ショッピングカート」フィールドタイプを組み込むと、ショッピングカートで 時間枠を購入するタイプの予約システムを構築できます。このタイプの予約システム では、あらかじめ予約できる時間枠を入力しておく必要があります。
https://cmonos.jp/blog/2014012100/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ダウンロード販売を始めよう!

2009年12月7日 ... JP のダウンロード販売は、「ショッピングカート」フィールドタイプに、デジタルコンテンツを 登録できるようにすることで実現してい ... ショッピングカートのデジタルコンテンツ登録欄 。100MB程度までのファイルならファイルアップロードフォームから ...
https://cmonos.jp/blog/2009120700/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal に本人確認が必要となりました

2013年3月12日 ... 2.1: a) 委任状、およびb) 住所を証明するもの(政府・行政庁・行政機関の名前で6ヶ月 以内に発行された電気代、水道代、電話代、携帯電話代の領収書、国税・地方税の 領収書または納税証明書、社会保険料の領収書)、または; 2.2: a) 組織の ...
https://cmonos.jp/blog/2013031200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 記事をサイト全体で使い回すには?

2013年4月26日 ... ホームページメーカーLite」で記事を SSI 用に書き出す方法 · 「外部記事埋め込み」 フィールドタイプを使う方法. 2013年4月26日(金). 「請求書領収書」印刷機能を追加 しよう. 「チェックアウト」の「詳細表示ページ」には「請求書領収書」印刷の .
https://cmonos.jp/blog/2013042600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal API 実装 TIPS

2011年4月26日 ... 2014年5月2日(金)ショッピングカートが個別キャンセルと個別配送に対応しました. 商品 ごとにキャンセル期限を設定できるように ... PayPal での支払いについては、PayPal の 払い戻し API を利用しますので、即座に払い戻しが実行されます。
https://cmonos.jp/blog/2011042601/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal をもっとわかりやすくする方法

2010年1月16日 ... JP のショッピングカートに商品を追加しました。 「レジに進む」と、配送情報を入力する 画面が表示されます。 配送情報入力画面。ここで支払い方法として「PayPal」を選択し ます。 「お支払い方法」を「PayPal」に指定すると、PayPal から入手 ...
https://cmonos.jp/blog/2010011600/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月] 1
[火] 2
[水] 3
[木] 4
[金] 5
[土] 6

[日] 7
[月] 8
[火] 9
[水] 10
[木] 11
[金] 12
[土] 13

[日] 14
[月] 15
[火] 16
[水] 17
[木] 18
[金] 19
[土] 20

[日] 21
[月] 22
[火] 23
[水] 24
[木] 25
[金] 26
[土] 27

[日] 28
[月] 29
[火] 30
[水]
[木]
[金]
[土]


[日]
[月]
[火]
[水]
[木]
[金] 1
[土] 2

[日] 3
[月] 4
[火] 5
[水] 6
[木] 7
[金] 8
[土] 9

[日] 10
[月] 11
[火] 12
[水] 13
[木] 14
[金] 15
[土] 16

[日] 17
[月] 18
[火] 19
[水] 20
[木] 21
[金] 22
[土] 23

[日] 24
[月] 25
[火] 26
[水] 27
[木] 28
[金] 29
[土] 30

[日] 31
[月]
[火]
[水]
[木]
[金]
[土]

最近のコメント

RSS

NEXT>>

PC 向けページに移動する