Problem with responsive images in custom theme

Themes
1

I have a modified version of casper where the images in post-card.hbs isn’t loading. Or rather it looks like the images aren’t generates when looking through the content/images folder. The images are generated like they should be when running on a local ghost installation, but not in production. But if I switch to casper in production the images are generated.

In my package.json I have this

   "config": {
    "posts_per_page": 100,
    "image_sizes": {
        "s": {
            "width": 300
        },
        "m": {
            "width": 600
        },
        "l": {
            "width": 1000
        },
        "xl": {
            "width": 2000
        }
    }
}

And in my post-card.hbs I have this:

<img class="post-card-image"
            srcset="{{img_url feature_image size="s"}} 300w,
                    {{img_url feature_image size="m"}} 600w,
                    {{img_url feature_image size="l"}} 1000w,
                    {{img_url feature_image size="xl"}} 2000w"
            sizes="400px"
            src="{{img_url feature_image size="s"}}"
            alt="{{title}}"
        />

So in the post card I only ever want to use the small image. The small image however is never generated. Inspecting the html in a browser the url looks right. But the small image is never generated in content/images/sizes…

Any ideas?

2

Never mind. Not a ghost problem, but a server side problem.

1 Like