お客様に、正しい在庫数をわかりやすく伝えるには、オプション表示形式で「表形式」を選ぶのがベターです。きれいに整える方法を紹介します。

オプションごとに「カートに入れる」ボタンを設置するレイアウトはときどき見かけます。これまでは、オプションを選択してからカートボタンで購入という手順でしたが、オプション選択の手間が一つ減りますので、購入しやすいかも、と思います。サンプルコードを書いてみました。

プルダウンはコンパクトでスマートフォン時にページに収まりやすいですが、表形式と違って、オプション価格・オプション在庫数が表示されない弱点があります。今回は、プルダウンでオプション価格・オプション在庫数が表示する方法を考えてみます。

カラーミーショップのオプション表示は、結構な頻度でカスタマイズの相談が来る箇所です。今回はオプションの独自タグを解説します。