Why aren't my blog images showing up?

[lulu57]

Hi All,

my blog images don't show today, can anyone help me with that? Thanks a lot!

https://horaciobikes.com.au/

pw:0713

[PageFly-Victor · Accepted solution]

Hi @lulu57 

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.article-card__image-wrapper.card__media {
width: 100%;
}
</style>

Hope this can help you solve the issue 

Best regards,

Victor | PageFly

[lulu57]

Thanks again Victor!😊

[artisanimpact]

Thank you Victor.

I would also like to add something in case it might be useful to anyone.

Because in my particular case, this solution was not enough to solve the problem.

I solved it the following way:

Step 1: In your current theme, edit sections/article-template.liquid which you can find the way Victor described.

Step 2: If there isn't one, add a code to load the image, for example:

        {% if article.image %}
        <div class="article-image-wrapper">
          <img src="{{ article.image | img_url: '1024x1024' }}" alt="{{ article.title }}">
        </div>
        {% endif %}

Feel free to edit the image size, which was set to 1024x1024 in this example.

Where you should copy paste that code for example can be right above the following:

        <div class="rte" itemprop="articleBody">
          {{ article.content }}
        </div>

if you want your image to load before your article text content.

Make sure the indentation is the same for the code loading the image as for the code loading the article content (shown above).

Best Regards,

Geoffrey

[suyash1]

 images are showing