勘違いしがちなShopifyがもっていない機能

概要

皆さんはテーマを使用せずにShopifyサイトを作成したことがありますか？
Shopifyはデフォルトの機能に見えて、実はJavascriptを使用して作成されているものがいくつかあります。

詳しくテーマをカスタマイズしてみないと意外とわからないので、今回はデフォルトテーマ「Dawn」からいくつか紹介します。

内容

■ミニカート機能
「カートに追加する」を押すことによってカートに入った商品を表示してくれる機能です。
これはミニカートオブジェクトというものがあるわけではなく、cartオブジェクトと非同期通信を使用している機能です。

■カートアイテムの数量変更した際の再計算
数量をただ変更するだけでは再計算されません。
非同期通信を利用して計算結果を更新しています

■商品一覧の並び替えやソート機能
並び替えやソートはURLのパラーメターに追記することで変更できますが、非同期で変更はされません。

■商品の数量変更
数量セレクターを使用することでカートにいれるアイテム数を変更できますが、こちらもデフォルトの機能ではありません。

■他細かい機能
・在庫以上の商品をカートにいれようとした際のエラー文
・カート内商品の削除ボタン

まとめ

上記で紹介したように共通する事は基本非同期通信である。ということです
なのでテーマを使用せず１から作成する際はこれを踏まえて作成する必要性があるので気をつけましょう。