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