Refreshでの配置場所
バリエーション選択や購入ボタンの下にShipCalcを追加し、小計の近くにカートブロックを配置します。
設定手順
- ShipCalcをインストール Shopify App Storeからインストールします。14日間の無料体験がすぐに始まります。
- テーマエディターを開く テーマ「Refresh」で［オンラインストア］→［テーマ］→［カスタマイズ］を開くか、ShipCalcの初期設定にあるワンクリックリンクを使います。
- ShipCalcのブロックを追加 商品テンプレートを開き、［ブロックを追加］→［ShipCalc］を選んで、価格や購入ボタンの近くにドラッグします。カートテンプレートでも同様に行います。
- カートドロワーの埋め込みを有効化 ストアでスライド式カートを使っている場合は、［アプリ埋め込み］を開いてShipCalcのカートドロワー埋め込みをオンにします。
- デザインを合わせて保存 ShipCalcのAppearanceページで色、レイアウト、テキストを調整し、プレビューを確認してテーマを保存します。
Refreshで確認すること
補足テキストは簡潔にし、ウィジェットがテーマのタイポグラフィを継承するか、意図的に上書きしているかを確認します。
- パソコンでの商品ページ
- スマートフォンでの商品ページ
- 商品が1点と複数点のカート
- 配送する各地域の配送先
- 未対応の配送先と「料金なし」のメッセージ
- カートドロワーの開閉、追加、削除
よくある質問
テーマ「Refresh」のコードを編集する必要はありますか？
いいえ。商品とカートへの配置はShopifyテーマエディターのアプリブロックです。カートドロワーはアプリ埋め込みを使います。カスタムセレクターが必要なドロワーもありますが、設定をお手伝いします。
計算ツールは「カートに追加」の上と下、どちらに置くべきですか？
価格や購入ボタンの近くに置いてください。送料が購入判断の大きな要素になる場合（大型・重量のある商品など）は、価格や購入ボタンのすぐ下がおすすめです。
公開前に何を確認すべきですか？
パソコンとスマートフォンのレイアウト、複数の商品タイプ、配送する各地域の配送先、カートページ、そしてテーマで使っている場合はカートドロワーです。