1. HOME
  2. お店をカスタマイズ
  3. お悩み解決コーナー
  4. 機能をカスタマイズ
  5. カラーミーショップで商品の数量指定をドロップダウンに変更する方法

カラーミーショップで商品の数量指定をドロップダウンに変更する方法

  • 更新日:2016/09/20

商品を購入する際にいちいち数字を入力するのがめんどくさい。

そんな場合は数値を入力するテキストボックスから、数値を選択するドロップダウンへ変更すればすっきり解決です。

今回はそんなドロップボックスへの変更をご紹介します。

商品数量をドロップダウンに変更する

今回はテンプレート『nano』でご説明します。

まずはカラーミーショップの管理画面を上級者モードで開き、[ショップ作成]→[デザイン]→[デザイン編集]の順で進んでください。

次に【4.商品詳細】の[HTML CSS編集]をクリックして編集ページを開いてください。

HTML編集から下記部分を探してください。初期のテンプレートで160行目にあります。

この160行目を消し、消した部分に下記を記述してください。

2行目の★の部分には最大数量+1の数を入力してください。

例えば最大数量を10にしたい場合は、11と半角数字で入力してください。

実装結果

テスト商品を下記設定で作成しました。

販売価格 980円
型番 1234
定価 1,500円
最小数量 5
最大数量 8
単位 セット

ドロップボックスの実装画像01

%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e5%ae%9f%e8%a3%85%e7%94%bb%e5%83%8f02

各商品ごとの最小数量から始まり、★で設定した数だけの選択肢が表示されます。

 

ドロップボックスの実装画像03

今回は、最大数量を8としたので、9以上を選択した場合は、カートに入れた時点で8へと自動で修正されます。

※テキストボックス実装時も最大数量以上の数字を入力してカートに入れた場合、自動で最大数量へと修正されます。

まとめ

必ずしもドロップダウンの数量選択が良いというわけではありませんが、ドロップダウンにしてみるのもアリかと思います。

もし良かったら使ってみてください。

Request βリクエスト ベータ版

カラーミーショップのカスタマイズテクニックリクエストを大募集。あなたのリクエストがカラテクッ!に掲載されてお悩みも素早くスッキリ解決。

  • ※掲載をお約束するものではございません
  • ※掲載のご連絡はいたしませんので、こまめにチェックしてください

Keyword Searchキーワード検索

Recommendedおすすめ参考書籍