Customising Shopify theme

Question

I'm trying to customise a shopify.com blog layout.

You can see it here http://mekka.co.nz/blogs/grid-blog

I want the title of the blog post to go between the image and the excerpt. However in the code the image and the excerpt aren't defined or distinct and are lumped into one.

Here's the code:

 <article class="griddedBlogColumn">
           <h3 class="section_title"><a href="{{ article.url }}" title="{{ article.title | escape }}">{{ article.title }}</a></h3>
                    <p class="meta_top">
                        {{ article.published_at | date: "%B %d, %Y" }}
                        {% if article.comments_enabled? %}
                            <span class="separator">|</span> <a href="{{ article.url }}#comments" title="{{ article.title | escape }} Comments" class="comment_count">{{ article.comments_count }} {{ article.comments_count | pluralize: 'Comment', 'Comments' }} </a>
                        {% endif %}
                    </p>
                        {% if article.excerpt != blank %}
                        {{ article.excerpt }}
                    {% else %}
                        {{ article.content }} 
                    {% endif %}

                    <p class="meta">
                      {% for tag in article.tags %}
                        {% if forloop.index0 == 0 %}
                          <span class="label">Posted in</span>
                        {% endif %}
                        <a href="{{ shop.url}}/blogs/{{ blog.handle }}/tagged/{{ tag | handleize }}" title="{{ blog.title }} tagged {{ tag | escape }}">{{ tag }}</a>{% unless forloop.last %},{% endunless %}
                      {% endfor %}
                    </p>
                    </article>

Any help on how I can put the post title between the image and the excerpt would be greatly appreciated.

Welcome to the Treehouse Community

Looking to learn something new?

Gabriel Ward

Gabriel Ward

Customising Shopify theme