Liquid、JavaScriptなどに関する質問
オリジナルLP(HTML)をShopifyのトップページに適用することは可能でしょうか?
ページ追加でHTMLを入力すると、/pages/となりURLが変わってしまうので、
トップページにLPをそのまま適用したいです。
その他の商品ページなどはShopifyのテーマ(Dawn)を使用し、トップページのみオリジナルに変更したいです。
今あるLPのコードをliquidに変更する作業など、どのような作業が必要になるのか教えて頂けますでしょうか?
参考となる記事等もございましたら、教えて頂きたいです。
宜しくお願い致します。
解決済! ベストソリューションを見る。
成功
Yuya_aonoさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
トップページをLPにできるとお客様にしっかり訴求できて良いですよね。
2通り実装方法があるかと思います。
①トップページにLPをページとして載せる (URLはトップページ)
LPをページとして作成し、トップページのカスタマイズ画面でページを追加
② トップページにアクセスしたらLPにリダイレクトさせる(URLはLP用ページ)
海外のフォーラムでも回答があるように、theme.liquidの<head>タグの直前に
{%- if template contains 'index' -%}
<script>
window.location.href = '/pages/LPページのハンドル';
</script>
{%- endif -%}
を挿入し、LPページのハンドルを記入。
この場合トップページは必ずLPにリダイレクトされるので実質トップページ=LPになります。
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
成功
Yuya_aonoさま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
トップページをLPにできるとお客様にしっかり訴求できて良いですよね。
2通り実装方法があるかと思います。
①トップページにLPをページとして載せる (URLはトップページ)
LPをページとして作成し、トップページのカスタマイズ画面でページを追加
② トップページにアクセスしたらLPにリダイレクトさせる(URLはLP用ページ)
海外のフォーラムでも回答があるように、theme.liquidの<head>タグの直前に
{%- if template contains 'index' -%}
<script>
window.location.href = '/pages/LPページのハンドル';
</script>
{%- endif -%}
を挿入し、LPページのハンドルを記入。
この場合トップページは必ずLPにリダイレクトされるので実質トップページ=LPになります。
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
早速のご返答ありがとうございます!
とても参考になりました!
ご回答ありがとうございました。
下記について追加の質問となります。
>①トップページにLPをページとして載せる (URLはトップページ)
>LPをページとして作成し、トップページのカスタマイズ画面でページを追加
上記方法で他サーバーで公開しているLP1本をそのままShopifyのページで作成し、すべてShopifyにまとめたいと考えております。
その場合、liquidでコードを直接編集する必要があるかと思いますが、
どのような手順で行えば宜しいでしょうか?
LPはレスポンシブデザインで主にHTML・CSS・Jsで構成されています。
また、自力で出来ず外部に委託する場合、どれくらいの納期・費用になりますでしょうか?
お手数ですが、宜しくお願い致します。
Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024