# カテゴリーセクションについて

**URL:** <https://community.shopify.com/t/topic/175917>\
**Category:** 技術的なQ＆A\
**Tags:** css\
**Created:** [December 13, 2022, 9:48am UTC](https://community.shopify.com/t/topic/175917 "2022-12-13T09:48:36Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Shopifyの初心者ユーザーが、サイトのフロント画面にカテゴリーを文字ベースのボックスブロックとして複数追加する方法について質問しています。

**提案された解決策：**
- DAWNテーマの場合、「マルチカラム」や「コレクションリスト」セクションが利用可能
- ほとんどのテーマにコレクション一覧機能が標準搭載されている

**追加要件：**
質問者は現在Mr.Parkerテーマを使用中で、今後別のテーマでもサイト作成予定。具体的には：
- カテゴリーをサイトトップに配置
- TOPs、outerなどのカテゴリー名で分類
- ボックスサイズを大小調整可能に
- モバイルで3〜4列表示
- 添付画像と全く同じレイアウトを実現したい

質問者は単純なコレクション登録やカバー画像挿入ではなく、コンパクトにまとまった理想的な表示状態を求めています。具体的な実装方法についての返信待ちの状態です。

<div class="post-metadata">

**Author:** ![Anonymous\_66227082d3dc79ffda091df7c52cd37d](https://avatars.discourse-cdn.com/v4/letter/a/e480ec/32.png) [@Anonymous\_66227082d3dc79ffda091df7c52cd37d](https://community.shopify.com/u/Anonymous_66227082d3dc79ffda091df7c52cd37d)\
**Post date:** [December 13, 2022, 9:48am UTC](https://community.shopify.com/t/topic/175917/1 "2022-12-13T09:48:36Z")

</div>

Shopify初心者です

初歩的な質問になるのですが

サイトのフロント画面にセクションとしてカテゴリーを文字だけのボックスブロックみたいなのを複数カテゴリーとして追加したいのですが

どのようにすればよろしいでしょうか？

また、テーマによってやり方などは異なるのでしょうか？

 ![7F290066-C985-4D8F-B67E-00260C84D9CE.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/2X/6/64d87baf819a538aa636f864b7e3f242042ac285.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:** [December 15, 2022, 8:55am UTC](https://community.shopify.com/t/topic/175917/2 "2022-12-15T08:55:20Z")

</div>

小柴豪さま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

カテゴリーから商品が探せると便利ですよね。

DAWNの場合は

・マルチカラム

・コレクションリスト

あたりが使えると思います。

テーマによって名称は変わりますが、コレクション一覧のようなセクションはほとんどのテーマについているかと思います。

 ![スクリーンショット 2022-12-15 17.47.32.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/8/d/8d7b65a4ad44df5b7e3d157536e252f1070e65ec.png)

上記画像のDAWNは無料テーマですので一度お試しいただけますと幸いです。

ご参考になりましたでしょうか。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

---

<div class="post-metadata">

**Author:** ![Anonymous\_66227082d3dc79ffda091df7c52cd37d](https://avatars.discourse-cdn.com/v4/letter/a/e480ec/32.png) [@Anonymous\_66227082d3dc79ffda091df7c52cd37d](https://community.shopify.com/u/Anonymous_66227082d3dc79ffda091df7c52cd37d)\
**Post date:** [December 15, 2022, 5:26pm UTC](https://community.shopify.com/t/topic/175917/3 "2022-12-15T17:26:38Z")

</div>

ご返信ありがとうございます。

今、使っているテーマはMr.Parkerを使っております

また、別のテーマでも今後サイトを作成予定なのですが

両方ともお見せした画像と全く同じように表記したいと思っております(カテゴリー名は多少変わりますが)

その場合どうすればよろしいでしょうか？

カテゴリーをサイトトップに持ってきてTOPsやouterなどと分けてサイズも小さくするものは小さくし大きくするものは大きく表記し画像のようにモバイルで3〜4列に並び選択出来るようにしボックスのサイズもそれぞれが小さくコンパクトにまとまった状態を理想としております

教えて頂いた内容ですと単純にコレクションを登録しカバー画像などを挿入する流れになると思うのですが

求めているのは送りした画像と全く同じように表記したいということです。

お忙しいと思いますがご返信よろしくお願い致します

この画像と全く同じようにしたいです

 ![656F7B31-33A6-497E-8A22-B2D79A70AE37.jpeg](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/2/f257770947b3ebee043f5593b1844b6107cda9bb.jpeg)
