📄 ページテンプレート初級

リダイレクト

ヘッドレステーマで Shopify ストアフロントへのリダイレクト機能を提供するセクション。管理画面に「リダイレクト」という名称で登場し、ページから別 URL への誘導を実装する基盤となる。

用途

Hydrogen や外部フロントエンドでヘッドレス構成を取る際、特定ページから Shopify のストアフロント（またはカスタムドメイン）への誘導が必要なときに使う。

設置場所

sections/main-redirect.liquid に配置し、templates/page.liquid または page.json セクションリストから呼び出すことで、管理画面のページエディタでセクションとして組み込める。

注意点

コード本体にはリダイレクト先 URL が記述されていないため、実装時に JavaScript または Liquid 側で `window.location.href` または `{% render 'redirect' with url: ... %}` 形式で遷移先を指定する必要がある。ストアフロント URL がハードコードされている場合、マルチドメイン運用では `request.host` で環境判定して遷移先を切り替える。

タグ:redirectheadlesspagesectionrouting

コード

7 行 / liquid

{% comment %} Redirect to storefront... {% endcomment %}

{% schema %}
{
  "name": "Redirect"
}
{% endschema %}

出典・ライセンス

Source:: instantcommerce/shopify-headless-theme/sections/main-redirect.liquid
Repository:: https://github.com/instantcommerce/shopify-headless-theme
License:: MIT

このコードは instantcommerce 著作の MIT ライセンスソースです。原本の著作権は instantcommerce が保有します。日本語訳は ALSEL によるものです。

リダイレクト

コード

出典・ライセンス

関連項目

ページテンプレート

トップページの基本テンプレート

固定ページのテンプレート

ページの基本テンプレート

固定ページのテンプレート

404ページ