商品情報にスキップ
1 1
公開日:2023.04.04

Shopifyでページをブログのようにサムネイル付き一覧で表示する設定例

Shopifyでページをブログのようにサムネイル付き一覧で表示する設定例

用途

  • ページ編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

Shopifyのページをブログのように一覧で表示したい、というご要望に対して対応した際の設定例です。 ページにはブログのようにメインのイメージ画像を設定する事ができないのでメタフィールドで代用しています。また、全て表示する必要が無いことからその除外処理も入れています。

ページをブログのようにサムネイル付き一覧で表示する設定例


①ページメタフィールドに2つの定義「サムネイル」と「一覧ページから除外する」を追加する


②必要に応じてページごとにメタフィールドの内容を設定する


③新規ページテンプレートを作成し「カスタムLiquid」セクションを追加してコードを挿入する


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

ページをブログのようにサムネイル付き一覧で表示するコード例

関連ポスト