テーマ「minimal 」を使用しています。
トップページのセクション「コレクションリスト」ですが、1行あたりのコレクション数を8にしたいです。また、その行数を10程度に増やしたいです。どなたか助けてください。
I am using the theme “minimal”. In the section “Collection list” on the top page, I want to set the number per line to 8. I also want to have 10 rows. Please help someone.
通常、無料テーマはセクションに対応しているので、テーマ＞カスタマイズ＞コレクションに進むと、商品数や行数をGUI上で変えれるかと思います。
ありがとうございます。
minimalのテーマでは、該当のセクションは
一行に5個まで、そして行数は変えられないのです。
なので困っております。。
TOPに表示される、featured collectionであれば、変更できました。
1. section/featured-collection.liquidをコード編集で開く
“id”: “num_per_row” と、 “id”: “num_rows”, の “max”: の値を希望するものに変える（ここが１行の表示数と最大行数の設定を実現している箇所です）。
保存して、テーマのカスタマイズでセクションにいき、featured collectionを表示すると、添付のようにスライドバーで8と10が選べるようになるので設定して保存します。
ただし、これだけだと逆に何も表示されなくなってしまいます。理由は以下のように、Minimalは、表示数で場合分けしてスタイルを変更しているので、元々ある数値以外は条件になくて、表示処理自体実行されなくなります。
{% case products_per_row %}
{% when 3 %}
{% assign grid_item_width = 'medium--one-third post-large--one-third' %}
{%- assign product_width = 410 -%}
{% when 4 %}
{% assign grid_item_width = 'medium-down--one-half post-large--one-quarter' %}
{%- assign product_width = 335 -%}
{% when 5 %}
{% assign grid_item_width = 'medium-down--one-half post-large--one-fifth' %}
{%- assign product_width = 335 -%}
{% endcase %}
ですので、とりあえずその他としてelseを追加してみます。
{% case products_per_row %}
{% when 3 %}
{% assign grid_item_width = 'medium--one-third post-large--one-third' %}
{%- assign product_width = 410 -%}
{% when 4 %}
{% assign grid_item_width = 'medium-down--one-half post-large--one-quarter' %}
{%- assign product_width = 335 -%}
{% when 5 %}
{% assign grid_item_width = 'medium-down--one-half post-large--one-fifth' %}
{%- assign product_width = 335 -%}
{% else %}
{% assign grid_item_width = 'medium-down--one-half post-large--one-tenth' %}
{%- assign product_width = 100 -%}
{% endcase %}
結果として、添付のように１行に元々設定可能な数以上表示されました。
ただし、テーマのコードを見る限り、Minimalは、表示数がデザインに深く影響する設計のようですので、現状の最大値に意味があると思います。
ご希望の数を表示したい場合は、素直にその数を対応している別のテーマを使われた方が無難だと思います。
ご丁寧にありがとうございます！！！
確かに影響が怖いので、他のテーマを探してみます。
でも非常に助かりました！
感謝いたします！
