# カート画面→チェックアウト画面の遷移時に別ページを挟みたい **URL:** \ **Category:** 総合的なディスカッション\ **Created:** [November 7, 2025, 6:50am UTC](https://community.shopify.com/t/topic/574555 "2025-11-07T06:50:07Z")\ **Posts on this page:** 6\ **Page:** 1 ## AI-generated summary カート投入後に、ゲスト購入かログイン購入かを選ばせる購入フローの実現可否が相談された。主な論点は、カート画面で購入ボタンを分岐できるか、ログイン後にそのままチェックアウトへ遷移できるかの2点。 回答では、DawnやHorizon系テーマなら標準のテーマ編集で対応可能とされ、Liquidで購入ボタンを2つに分け、`{% if customer %}` でログイン状態に応じた表示制御ができると案内された。 その後、ログイン後の遷移先として `/checkout` を指定すれば、カート内容を保持したチェックアウトへリダイレクトできることが確認された。当初は指定ミスで動作しなかったが、再検証で解決している。 補足として、LiquidではCookie（ブラウザ保存情報）の取得はできないため、必要ならJavaScriptで `cart` Cookieを読み取り、`return_url` 付きのログインリンクを動的生成する方法が共有された。コード断片の追記もあり、議論は実装方法の確認まで進み、ほぼ解決済み。
**Author:** ![store\_K](https://avatars.discourse-cdn.com/v4/letter/s/7993a0/32.png) [@store\_K](https://community.shopify.com/u/store_K)\ **Post date:** [November 7, 2025, 6:50am UTC](https://community.shopify.com/t/topic/574555/1 "2025-11-07T06:50:07Z")
ショップの構築を検討しているのですが、 「ログイン → 商品をカートイン → カート画面 → チェックアウト画面」 ではなく、 「商品をカートイン（ゲストとして） → カート画面 → ログイン画面 → チェックアウト画面」 のように、カートインしてからゲストとして購入するか、ログインしてから購入するかを選ばせるフローにしたいという要望があります。 そこで下記が可能かが調べてもわからなかったのでお伺いさせていただきたいです。 標準で可能、Shopify Plusでなら可能といった情報も教えていただけると助かります。 ①カート画面のカスタマイズで、購入ボタンを「このまま購入」「ログインして購入」と分けて出すことは可能か、可能な場合はどのように実装できるのか。 ②「ログインして購入」を押下した場合、ログイン画面が表示され、ログイン後にそのままチェックアウト画面に遷移するような実装は可能か、可能な場合はどのように実装できるのか。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [November 10, 2025, 11:56am UTC](https://community.shopify.com/t/topic/574555/2 "2025-11-10T11:56:09Z")
@store_K 様 > ①カート画面のカスタマイズで、購入ボタンを「このまま購入」「ログインして購入」と分けて出すことは可能か、可能な場合はどのように実装できるのか。 使用されるテーマにもよりますが、DawnやHorizenを利用されているのであれば可能ですよ。 購入ボタンのLiquidを編集すれば、ボタンを2つにすることが可能ですし、ログイン状態に応じて、「ログインして購入」の表示/非表示を制御したいなら、`{%if customer %}` で条件分岐されると良いです。 trueならログイン済み、falseなら未ログインですので、それに応じて > ②「ログインして購入」を押下した場合、ログイン画面が表示され、ログイン後にそのままチェックアウト画面に遷移するような実装は可能か、可能な場合はどのように実装できるのか。 可能です。 こちらのサイト様で詳しく説明されているので、ご覧いただくと良いです。 > **[Shopifyでログイン後に任意のURLにリダイレクトさせる](https://webutubutu.com/webdesign/11801)** > > 以前はJSでcookieなどを使って実行していた機能を、基本的な動作に関してはliquidだけで対応できるようになりました。実現したいことShopifyでログインした後に以下のような動作を実行します。... ご参考まで。 (キュー田辺) ---
**Author:** ![store\_K](https://avatars.discourse-cdn.com/v4/letter/s/7993a0/32.png) [@store\_K](https://community.shopify.com/u/store_K)\ **Post date:** [November 12, 2025, 4:31am UTC](https://community.shopify.com/t/topic/574555/3 "2025-11-12T04:31:35Z")
@Qcoltd @qcoltd-tanabe 様 有難うございます。 カート画面にボタンを表示させ、それをif文でログイン状態を判別して表示を切り替えること、 ログイン後に任意のURLに遷移させることはできました。 有難うございます。 ただ1点確認したいのですが、ログイン後にチェックアウトページに遷移させようと、 任意のページ遷移先として”/checkout”を指定したのですが、こちらの指定方法ではチェックアウト画面には遷移できませんでした。 そこで下記をご存じだったら教えていただけないでしょうか。 ・/checkout/cn/~”の形式でCookieの「cart」の値を入れれば商品の入ったチェックアウト画面に行けたのですが、LiquidでCookieの値を取得するにはどうすればよいでしょうか。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [November 13, 2025, 3:57am UTC](https://community.shopify.com/t/topic/574555/4 "2025-11-13T03:57:12Z")
@store_K 様 カートに商品が入った状態で、`/checkout` に遷移すればチェックアウト画面(`/checkouts/cn/...`)にリダイレクトされるはずですが、されませんか？ もし、されないのであれば、それがなぜなのか調べて、解決した方が良いように思いますが。。。 > ・/checkout/cn/~”の形式でCookieの「cart」の値を入れれば商品の入ったチェックアウト画面に行けたのですが、LiquidでCookieの値を取得するにはどうすればよいでしょうか。 LiquidではCookieは取れなかったと思いますので、ストアフロントのJavaScriptでCookieを取得するしかないかと思います。 ご参考まで。 (キュー田辺) ---
**Author:** ![store\_K](https://avatars.discourse-cdn.com/v4/letter/s/7993a0/32.png) [@store\_K](https://community.shopify.com/u/store_K)\ **Post date:** [November 13, 2025, 5:58am UTC](https://community.shopify.com/t/topic/574555/5 "2025-11-13T05:58:20Z")
@Qcoltd @qcoltd-tanabe 様 申し訳ございません。単純に指定が間違っていたようで再度「/checkout」を試したところチェックアウト画面に行けました。 また、上記に気が付くまで色々試していたところ、Cookieの取得の方もjavascriptでリンクを作成する形にしたら実現できました。 > 『main-cart-itams.liquid』に追加 > > [Check out](https://community.shopify.com/account/login) 誠にありがとうございました。 ---
**Author:** ![store\_K](https://avatars.discourse-cdn.com/v4/letter/s/7993a0/32.png) [@store\_K](https://community.shopify.com/u/store_K)\ **Post date:** [November 13, 2025, 6:08am UTC](https://community.shopify.com/t/topic/574555/10 "2025-11-13T06:08:08Z")
『main-cart-itams.liquid』に追加 script document.addEventListener(‘DOMContentLoaded’, function() { const cartValue = getCookie(‘cart’); const linkElement = document.getElementById(‘customlink’); linkElement.href = `/account/login?return_url=${encodeURIComponent('/cart/c/'+cartValue)}`; form内 a id=“customlink” href=“/account/login”\>Check out\