EC-CUBEで名入れ刺繍を受け付ける｜空手道着の文字数別料金と入力チェック

空手道着の上衣に、アルファベットで「ABCD」と刺繍したい。お客様が料金欄で「3文字」を選び、名前の欄には「ABCD」と入力したら、どちらの内容で注文を受けるでしょうか。加工する文字と請求する文字数が食い違うと、店舗は刺繍を始める前にお客様へ確認することになります。

サンクユーでは、空手道着の販売サイトに刺繍の有無を選び、文字数に応じた料金を表示し、入力した名前と選択文字数が合うかを確認する機能を実装しました。実際の商品ページを使って、刺繍なしの注文から文字数のエラーまでを紹介します。

空手道着の注文画面｜刺繍を希望した箇所だけ詳しく指定する

上衣と下衣のサイズ、刺繍の有無を選ぶ

最初に表示されるのは、上衣と下衣それぞれのサイズと刺繍の有無です。例えば「上下とも同じサイズで、上衣だけに名入れしたい」という注文なら、上衣は「刺繍あり」、下衣は「刺繍なし」と選べます。下衣の刺繍ネームを入力する必要はありません。

EC-CUBEには、色やサイズなど、登録済みの選択肢を扱う商品規格があります。この事例でカスタマイズしたのは、お客様ごとに内容が変わる刺繍ネームの受付と、それに伴う入力欄・料金・文字数チェックです。

「刺繍あり」を選ぶと、書体・表記方法・文字数の欄が開く

上衣の刺繍を「あり」にすると、上衣用の入力欄が現れます。掲載画面では、書体に「筆記体」、表記方法に「アルファベット」を選んでいます。書体は文字の見た目、表記方法はどの文字で名前を入れるかの指定です。

選んだ文字数で料金が決まり、刺繍ネームの入力欄が現れる

掲載画面では、上衣の刺繍を3文字に指定し、名前の欄に「ABD」と入力しています。アルファベットの刺繍料金は1文字264円。3文字分の792円が道着代6,600円に加わり、合計は7,392円です。これらは掲載事例の画面に表示された金額です。

「3文字」を選び「ABCD」と入力すると、何を直すのか

次の画面では、選択した文字数は3のまま、入力欄には4文字の「ABCD」が入っています。この場合は文字数の不一致を知らせるエラーが表示されます。

直す場所は、お客様が実際に刺繍したい名前で決まります。「ABCD」が正しいなら、名前を削らず、料金欄の文字数を4に変更して合計金額を確認します。3文字の「ABD」が正しく、Cを余分に入力したなら、名前の欄を「ABD」に戻します。

加工担当者には、一着ごとの刺繍内容をどう渡すか

ここからは、道場や学校からユニフォームの一括注文を受ける場合の設計例です。同じサイズの道着を2着注文しても、1着目に「ITO」、2着目に「ABE」と入れるなら、どちらも3文字で金額も同じです。加工担当者に「2着、刺繍6文字」とだけ渡しても、どの名前を何着に入れるのかは分かりません。

一着ずつ名前を指定できるようにするなら、カートでも名前が違う道着を別々の明細として扱い、受注確認と加工指示に同じ表記を引き継ぎます。加工前には、料金を決めた文字数に加えて、お客様が確定したつづりと刺繍箇所を確認できるようにします。

スペースや記号を含む名前を受け付ける店舗では、何を1文字と数えるかも決めておきます。例えば「A B」は、間のスペースを数えると3文字、数えなければ2文字です。実際の料金表と刺繍可能な文字に合わせ、入力欄の案内と料金計算に同じルールを使います。