Liquid Snippets by ALSEL
📄 ページテンプレート初級

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

固定ページ(ポリシー、会社概要、利用規約など)の基本レイアウト。ページタイトルと本文を中央揃えで表示する。

用途
About ページや利用規約などの固定ページで、Shopify 管理画面の「ページ」に登録したコンテンツを表示するとき。
設置場所
templates/page.liquid に配置する。Shopify 管理画面で「オンラインストア > ページ」から新規ページを作成すると、自動的にこのテンプレートが適用される。
注意点
page.content は管理画面のリッチテキストエディタで入力された HTML をそのまま出力するため、`rte` クラスで装飾する必要がある。本文内に iframe や script タグを埋め込む場合、セキュリティポリシーで制限される可能性があるため事前に確認する。コンテナの最大幅や padding は Bootstrap のユーティリティクラス(py-10 など)で調整しており、カスタマイズするなら CSS 変数の値を theme.liquid で確認する。
タグ:pagetemplatestatic-contentrtecontainer

コード

10 行 / liquid
<article class="page py-10">
  <div class="container">
    <h1 class="title mb-4">
      {{ page.title }}
    </h1>
    <div class="description rte">
      {{ page.content }}
    </div>
  </div>
</section>

出典・ライセンス

License:
MIT

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

関連項目

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

ページテンプレート

Shopify の汎用ページテンプレート。ページのタイトルと本文コンテンツを Shopify 管理画面から取得して表示する基本的な構造。

📁 liquid·MIT·5
📄 ページテンプレート初級

リダイレクト

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

📁 shopify-headless-theme·MIT·7
📄 ページテンプレート初級

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

Shopify Liquid の最小限のテンプレート例。HTML に日付変数を埋め込み、商品ページへのリンクを配置する基本構造を示す。

📁 liquid·MIT·7
📄 ページテンプレート初級

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

Shopify 管理画面で作成した固定ページ(利用規約、プライバシーポリシーなど)を表示するテンプレート。ページタイトルと本文コンテンツを描画する。

📁 mcliquid-theme·MIT·8
📄 ページテンプレート初級

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

固定ページ(About など)の基本レイアウト。ページタイトルとコンテンツを HTML の article 要素でマークアップし、管理画面で編集したテキストを表示する。

📁 liquid·MIT·9
📄 ページテンプレート初級

404ページ

ページが見つからない場合に表示する 404 エラーページ。タイトル、説明文、ホームへ戻るボタンを中央配置で表示する。

📁 ks-bootshop·MIT·14