【Shopifyカスタマイズ】ブログ一覧から記事抜粋内容を非表示にする方法

カテゴリー: サイト運用

ブログ一覧から記事抜粋を非表示にする方法

Shopifyテーマ「Taste」のブログ一覧ページからブログ記事抜粋内容を非表示にするカスタマイズ方法を解説していきます。

デフォルト状態のブログ一覧

デフォルト状態のブログ一覧

Shopifyテーマ「Taste」のデフォルト状態でのブログ一覧ページでは画像のようにブログ記事内容の抜粋が表示されています。
レイアウト的に変更したい!と思う方も多いのではないでしょうか。

ブログ一覧から記事抜粋内容を非表示にする方法

ここからはブログ一覧から記事抜粋内容を非表示にする方法を解説していきます。
テーマのコードを編集していくので事前に現状のテーマを複製してバックアップをとっておきましょう。

編集するファイル「main-blog.liqid」を開く

コードを編集>ファイル一覧を開き、ファイル検索窓でblogと検索するとsectionフォルダの中に「main-blog.liqid」があるので開きます。
エディタで編集したい方はエディタにファイルの内容をエディタに貼り付けましょう。

main-blog.liqidを開く

article-cardスニペットの呼び出し部分を編集する

開いたファイルに {%- render ‘article-card’ -%} の記述があるので検索して探し出します。
見つけたらその{%- render ‘article-card’ -%}の中に書かれている show_excerpt: true を show_excerpt: false に書き換えます。

falseに書き換え

書き換えたら保存してブログ一覧ページを更新して変更が反映されているか確認しましょう。

falseに書き換え

まとめ

上記の方法はTasteの15.2.0バージョンで試して問題ありませんでしたが、あくまでデフォルト状態から編集する場合に限ります。
どうしても非表示にできないなど解決できない場合はお問い合わせください。

onimaru

「2flock」と「owl department store」を運営しています。サイト運営における課題や経験をブログに書き留めてます。

Web