Hi guys
I’m currently on supply theme and wondering how I can change the blog page view to grid format from the current list format. Preferably 3 grids in a row.
Here’s the current codes within blog.liquid, appreciate if someone can advise which codes have to be amended.
{% paginate blog.articles by 5 %}
{% include 'breadcrumb' %}
{% if current_tags %}
# {{ blog.title | link_to: blog.url }} — {{ current_tags.first }}
{% else %}
# {{ blog.title }}
{% endif %}
{% for article in blog.articles %}
## {{ article.title }}
{% capture date %}{% endcapture %}
{% capture author %}**{{ article.author }}**{% endcapture %}
{{ 'blogs.article.author_on_date_html' | t: author: author, date: date }}
{% if article.image %}
{% assign image_alt = article.title | escape %}
{% comment %}{{ article | img_url: '1024x1024' | img_tag: image_alt, 'article__image' | link_to: article.url }}{% endcomment %}
{%- assign img_url = article.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% endif %}
{% if article.excerpt.size > 0 %}
{{ article.excerpt }}
{% else %}
{{ article.content | strip_html | truncatewords: 100 }}
{% endif %}
{% if blog.comments_enabled? %}
- {{ 'blogs.comments.with_count' | t: count: article.comments_count }}
{% endif %}
{% include 'tags-article' %}
{{ 'blogs.article.read_more' | t }} →
{% endfor %}
{% if paginate.pages > 1 %}
---
{% include 'pagination-custom' %}
{% endif %}
{% include 'blog-sidebar' %}
{% endpaginate %}
