# トップページに画像付きの商品カテゴリーを表示させたい

**URL:** <https://community.shopify.com/t/topic/298081>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [February 21, 2024, 8:08am UTC](https://community.shopify.com/t/topic/298081 "2024-02-21T08:08:44Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopifyの初心者ユーザーが、Prestigeテーマ（バージョン5.5.0）を使用したショップのトップページに、画像付きの商品カテゴリーを表示する方法を質問しています。

**提案された解決策：**
- 株式会社フルバランスから、Prestigeテーマのデフォルト機能である「collection list」セクションを使用する方法が提案されました。

**追加の要望：**
質問者は、デフォルトで用意されているイメージサイズ（small、normal、large）よりもさらに小さいサイズでの表示を希望しています。

**現在の状況：**
コードから編集可能かどうか、またその編集方法について追加で質問しており、カスタマイズの具体的な手順についての回答待ちの状態です。

<div class="post-metadata">

**Author:** ![Anonymous\_f0644317f03bd83a14eb9d5069207065](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@Anonymous\_f0644317f03bd83a14eb9d5069207065](https://community.shopify.com/u/Anonymous_f0644317f03bd83a14eb9d5069207065)\
**Post date:** [February 21, 2024, 8:08am UTC](https://community.shopify.com/t/topic/298081/1 "2024-02-21T08:08:44Z")

</div>

shopify初心者でして、以下の内容がどうしても解決できず、

今回ご質問させていただきます。

現在使用中のテーマ： Prestige 5.5.0

ショップのトップページにて、画像とともに商品カテゴリーを

表示させたいのですが、何か方法はありますでしょうか？

イメージとしては、以下のような表示を希望しております。

 ![_0-1707197920449.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/9/1/9101b302d11bba6b9ba5c24f0839e674a6291057.jpeg)

ご回答いただけますと幸いです。何卒よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [February 21, 2024, 8:53am UTC](https://community.shopify.com/t/topic/298081/2 "2024-02-21T08:53:56Z")

</div>

質問拝見しました。

プレステージのデフォルトで備わっている「collection list」というセクションで似たものを再現できるかと思います。

ご参考までに試していただければと思います。

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![Anonymous\_f0644317f03bd83a14eb9d5069207065](https://avatars.discourse-cdn.com/v4/letter/a/7bcc69/32.png) [@Anonymous\_f0644317f03bd83a14eb9d5069207065](https://community.shopify.com/u/Anonymous_f0644317f03bd83a14eb9d5069207065)\
**Post date:** [February 22, 2024, 12:37am UTC](https://community.shopify.com/t/topic/298081/3 "2024-02-22T00:37:25Z")

</div>

＞株式会社フルバランス様

ご返信をいただき、誠にありがとうございます。

ご回答いただきました「collection list」につきまして、

デフォルトではイメージサイズがsmall、normal、largeの三種類なのですが、

希望といたしましては、smallよりもさらに小さいサイズで表示させたいと考えています。

上記は編集可能なのでしょうか？また、編集するとすればコードから編集するのでしょうか？

初心者なものでして、初歩的な質問でしたら申し訳ございません。

ご回答いただけますと大変幸いです。何卒よろしくお願い申し上げます。
