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

Shopifyのテーマ「Dawn」でブログの2ページ目以降で表示した記事で「ブログに戻る」リンクから元の一覧ページに戻ることができるようにする設定例

Shopifyのテーマ「Dawn」でブログの2ページ目以降で表示した記事で「ブログに戻る」リンクから元の一覧ページに戻ることができるようにする設定例

用途

  • ブログ管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyのテーマ「Dawn」のブログ記事画面は「ブログに戻る」ボタンをタップするとブログ一覧の最初に戻ってしまいます。そこで、2ページ目以降の一覧ページから遷移したときには、ちゃんと元の一覧ページに戻ることができるようにするための設定例です。


テーマ「Dawn」でブログの2ページ目以降で表示した記事でブログに戻る」リンクから元の一覧ページに戻ることができるようにする設定例


【設定手順①】main-blog.liquid」「article-card.liquid」のコードを一部修正


【設定手順②】main-article.liquid」にURLパラメータを判別するコードと戻り先のブログURLにページ数パラメータを付与するコードを追加


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

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

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「main-blog.liquid」でスニペット「article-card」を呼び出す際に渡す変数を追加

「article-card.liquid」でブログ記事を呼び出すリンクにページ数のパラメータを付与するコードを追加

「main-article.liquid」にURLパラメータを判別するコードと戻り先のブログURLにページ数パラメータを付与するコードを追加

関連ポスト

すべてのShopify TIPS