Blogs

Topic summary

A Shopify store owner using the Dawn theme wants to display a list of blog categories (Birthday Gifts, Baptism Gifts, Christmas Gifts) on their homepage instead of individual blog posts. Shopify’s default settings only allow featuring one blog at a time.

Current Situation:

  • Shopify support confirmed this requires custom coding
  • The theme doesn’t natively support displaying multiple blog categories

Proposed Solutions:

Multiple community members suggested similar approaches:

  1. Add Custom Section: Navigate to Online Store > Themes > Customize, then add a Custom HTML/Content section

  2. Insert Liquid Code: Use a code snippet that loops through all blogs:

{% for blog in blogs %}
  {{ blog.title }}
{% endfor %}
  1. Optional Styling: Add CSS to customize appearance (colors, spacing, hover effects)

Status: The discussion remains open with one member requesting visual examples to better understand design requirements before providing a definitive solution. Alternative options include using third-party apps like Blog Studio or PageFly, though these may involve additional costs.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hello everyone,

I need help with editing the blog section on my Shopify website. On the homepage, I’d like to display a list of blogs (categories) instead of individual blog posts. However, it seems like I can only select one blog to feature.

Here’s my setup:

  • I have three blogs: Birthday Gifts, Baptism Gifts, and Christmas Gifts.
  • Each blog contains multiple posts related to its theme.

My goal is to showcase a list of these blogs (categories) on the homepage, rather than the posts within them. Is there a way to achieve this?

Any advice or guidance would be greatly appreciated!

Thank you in advance!

Haven’t tried this one yet, but definitely worth a try. What theme are you using?

Am using Drawn Theme. the shopify support told me to fix this issue, i have to code the element for blogs

Please share some examples of your requirement for a better understanding of your need and also the design or say look and feel aspects of it. Most probably i dont think dawn or ant free theme has this atleast, either we have to modify the in-built blog section or build a new custom section.

Can only come to conclusion after seeing examples.

Best
Shadab

Hello @Hafssa ,

Here’s a shortened, step-by-step guide to display blog categories on your Shopify homepage:

  1. Go to Shopify Admin: Navigate to Online Store > Themes.

  2. Customize Your Theme: Click Customize on your current theme.

  3. Add New Section: Add a Custom HTML or Custom Content section on the homepage.

  4. Edit Code: Open the theme’s code editor (e.g., index.liquid or home.liquid).

  5. Insert Code: Use this code to display blog categories:

{% for blog in blogs %} ## {{ blog.title }}
 {% endfor %}
  • Click Save to apply the changes.

  • Add custom CSS if needed to match your design.

  • Refresh the page to see the blog categories listed.

This setup will display clickable blog categories on your homepage.

Hi @Hafssa

It’s a great idea to showcase your blog categories on the homepage to make it easier for visitors to explore your content. While Shopify doesn’t natively offer a feature to display a list of blogs (categories) instead of individual posts on the homepage, you can achieve this with a bit of customization. Here’s how you can do it:

Step 1: Use a Custom Section for the Homepage

Most modern Shopify themes allow you to add custom sections. Here’s what you can do:

  1. Go to Online Store > Themes in your Shopify admin.
  2. Click Customize on your active theme.
  3. Check if there’s a section like “Custom HTML” or “Featured Collections” that you can repurpose for this purpose. If not, proceed to the next step for a bit of code editing.

Step 2: Modify Your Theme Code

If you’re comfortable with editing code, you can create a custom section to display your blogs.

  • In your Shopify admin, go to Online Store > Themes, and click Actions > Edit Code.
  • Under the Sections folder, click Add a new section and name it something like blog-list.
  • Add this code to your new section file:

Our Blog Categories

  • Save your changes and go back to the theme customizer. Add this new section to your homepage layout.

Step 3: Style It (Optional)

To make the list look great, you can add some CSS styling:

  • Open your theme’s Assets folder.
  • Locate the theme.css or style.css file.
  • Add something like this:

.blog-list ul {

list-style: none;

padding: 0;

}

.blog-list li {

margin: 10px 0;

}

.blog-list a {

text-decoration: none;

color: #333;

font-weight: bold;

}

.blog-list a:hover {

color: #007acc;

}

Step 4: Test and Tweak

After saving your changes, check your homepage to make sure the blog categories display as you want. You can always tweak the layout, colors, or wording to match your branding.

My Thoughts: This approach gives you full control over how your blog categories are displayed. If coding isn’t your thing, you can also check out apps like Blog Studio or PageFly that might help with blog customization, though they could involve extra costs.

If you need further help setting this up or want someone to walk you through the steps, I’m more than happy to assist.

Best regards,
Daisy