サンクスページで「買い物を続ける」のではなくマイページに遷移させたい

AI-generated summary

サンクスページの「買い物を続ける」ボタンの遷移先をマイページ(アカウントページ)に変更したい。サンクスページ=注文完了画面、href=リンク先URL。

試した内容:追加スクリプトで step__footer__continue-btn の href を Liquid の条件(customer なら routes.account_url、未ログインなら routes.account_login_url)に設定。btn__content の文言変更は成功。

発生した事象:ボタンを押してもサンクスページに留まり、期待するページへ遷移しない。

解決策:href を ‘/account’ に直接指定(continueBtn.href = ‘/account’)することで自己解決。

結論・現状:解決済み。追加の議論や未解決事項なし。

【実現したいこと】

サンクスページで「買い物を続ける」のではなくマイページに遷移させたいです。

追加スクリプトのスクリプトタグ内に以下を記述しました。


const continueBtn = document.getElementsByClassName(‘step__footer__continue-btn’)[0];

continueBtn.href = ‘{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}’;

const btnContent = document.getElementsByClassName(‘btn__content’)[0];

btnContent.innerHTML = ‘この文字は変更できました’;


step__footer__continue-btnがボタンのaタグのクラスで

{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}はヘッダーのアカウントアイコンのhrefからコピペしました。

文字は変更できましたがボタンを押しても再度同じページ(サンクスページ)が表示されます。

【実現したいこと】を実現する方法について、ご教授いただけますと幸いです。

よろしくお願いいたします。

continueBtn.href = ‘/account’;

で自己解決しました