How to display all BLOGS with different CATEGORIES in one page?

[Cody917]

Like product, I can show all product by doing Navigation > Add menu item > All collections

But I can't do >all categories for blogs, is there way to show all of the blogs in one page? 

Thank you so much for your help.

[oscprofessional]

You will need to code it.

• Go to Online Store ->Themes->Actions->Edit Code.
• You should see multiple liquid files categorized, go under "Templates"->Choose "Add a new template"->Create a new template for 'Page' called 'all-blog'.

Step 1

• The page you just created will open in an editor. Copy and paste the below code just after the line {{ page.content }}. (Your page might have some different html content but this line will be present): 

Note: Here blog1 and blog2 and blog3 are your blog handles. Go to your respective blog pages and copy the part after the last '/'. Like: 

 {% assign blog_handles = "blog1,blog2,blog3" | split: "," %}

   {% for handle in blog_handles %}

        {% for article in blogs[handle].articles %}

               <h2><a href="{{ article.url }}">{{ article.title }}</a></h2>
         {% endfor %}

  {% endfor %}

Step 2

• Now, go to page -> Add new page -> Put title whatever you like, I put it 'Blog' -> Choose template suffix on the right side as 'page.all-blog'. Save it.

Step 3

Go view the page you just created. It will display your article's heading and clicking them will take you to the articles. (Article is alias for blog posts in Shopify).  Read more article object properties here: https://shopify.dev/docs/themes/liquid/reference/objects/article 

[Cody917]

Thank you! It works but all the template is lost & no blog pic is showing, is there anyway to keep the template while showing all the blogs? @oscprofessional

[oscprofessional]

Try this 

Step 1: Create the special "Blogs" linked-list:

1. From your Shopify admin, go to 
2. Click the Add menu button.
3. Enter Blogs as the Title.
4. Repeat the following for each blog category that you want listed:
   1. Click Add menu item.
   2. Click in the Link box and select Blogs from the pop-up menu.
   3. Select the Blog that you want displayed.
5. Click Save menu.

Step 2: Edit your custom page template

1. Add the following code to your custom page template:

{% for link in linklists.blogs.links %}
  {% assign blog = link.object %}
  {% for article in blog.articles %}
    <h2><a href="{{ article.url }}">{{ article.title }}</a></h2>
  {% endfor %} 
{% endfor %}

1. Click Save.

Let me know if this solves your problem or if you need further help!

[ConsciousEarth]

Hello! I followed your step 1 which worked and then had the same issue of no photos showing in the all blogs listing (https://oneconsciousearth.shop/pages/all-knowledge)

Attempted step 2 and it hasn't changed anything.

Is there another way or maybe more detailed instructions for step 2 (to make sure I am getting it right)?

[adventmedia]

How do you do this in Dawn theme with json template?

[Rajev]

Hello @oscprofessional, thank you for the above solution which is working. Also could you please add a code on how we can implement the pagination and order of displaying the post based on the date for the above solution? 

Thank you

[protohominid]

Hey, this looks like it might work for what I want to do, but what about pagination? I can't have the page load 400+ items...

[Saloni1]

Hello, I am using 'Taste' theme and unfortunately this solution does not work for that anymore. I have looked through the code and I cannot find {{ page.content }} anywhere in that code when a new template is created. Do you know something may have changed in the shopify templates over the last couple years? I am creating a store now and want to show all blog posts on the same page for customers to browse but unfortunately, I am unable to do so. Can you help please? Thanks! 

[Yickxin]

That's also my question. Thank you

[3rdDay]

Here's one simple way:

Create a new page template by going to Online Store > Themes > Customize, then select Pages from the top drop-down menu and 'Create Template'. In the new template, simply add a section after the page content called 'Blog posts', then select a category.

Next, add another section below this and select a different category. Repeat this until you have three (or four) blog posts displayed per blog category with a 'View all' button so users can explore all posts from any category.

Hope this helps someone!

[jennn_here]

This is the solution I needed! Easy to understand and implement. Thank you for sharing.

[cpk_jenna]

First, thank you so much for this! You are a life saver.

One quick question though (and my apologies if I've missed something obvious) but so I've done this, and now I can see the all-blogs in my theme editor, all the blogs are there, but I can't figure out how to get it to show up on my page. It doesn't show when trying to edit the navigation or my main menu, I can only see all-blogs in the template editor. 

Sorry this is all still very new to me 😅

Thanks again!

[3rdDay]

I'm glad this has helped you!

Have you applied the 'all-blogs' template to a page? If not, pick a page to apply it to or create a new one (Online Store > Pages) and under 'Theme template', select the all-blogs template you created. You can then add that page to your navigation (Online Store > Navigation).

Let me know if you have any other questions.

[cpk_jenna]

That must be where I'm doing something wrong then, in creating the template. I can see the template I created on my theme editor:

but when I got to my pages, nothing appears under "theme template" except for "default" and "contact."

... Now that I'm saying all this though I'm thinking maybe I should have made the template under "Pages" and not under "Blog" 🤔 I'm going to try that. Thank you again for your help! I really appreciate you taking the time. 

Update: That worked, thank you again! 

[3rdDay]

Brilliant! So glad you found the solution. 🙂

[APdc]

This Worked! Thanks.