商品規格プラグインと非同期カートボタンプラグインを同時に使用できるようにしました。

SOY Shopで商品規格プラグインと非同期カートボタンプラグインを一緒に使いたい


async_cart_button_pop2


カートに入れるボタンを押した時にフキダシを表示するようにしてみた。

SOY Shopの非同期カートボタンプラグインでボタンを押した後にフキダシ表示を追加してみた


item_standard_min_max


商品規格プラグインで登録されている規格の価格幅を表示できる様にしてみた。

SOY Shopの商品規格プラグインで最安値と最高値のタグを追加しました


ここまで実装してみて気がついた。

親商品と小商品(規格)で価格が違う場合、

フキダシで表示される価格にその違いが反映されないじゃん。


というわけで、

フキダシで小商品(規格)毎に値が変化する様に対応してみた。




standard_plus_async_price


まずは管理画面で各規格毎の価格を設定する。


standard_plus_async_price0


公開側を開いて、規格を選んでカートに入れてみると、


standard_plus_async_price1


standard_plus_async_price2


選択毎に商品の価格が変わりました。


更にある規格で在庫数を0にして在庫切れ状態にしてみると、


standard_plus_async_price3


在庫切れが表示される様になります。


今回の機能を利用したい方は下記のURLからSOY Shopの新しいパッケージをダウンロードしてください。

https://github.com/inunosinsi/soycms/tree/master/package/soyshop