Trying to display an image on frontend but for some reason it's 1px by 1px

[twan-2022]

I am trying to display an image I added in my Twill cms but for some reason it keeps displaying a base64 string that shows a 1 by 1 px image.

In my product model I've got these mediaparams:

public $mediasParams = [
    'cover' => [
        'default' => [
            [
                'name' => 'default',
                'ratio' => 16 / 9,
            ],
        ],
        'mobile' => [
            [
                'name' => 'mobile',
                'ratio' => 1,
            ],
        ],
        'flexible' => [
            [
                'name' => 'free',
                'ratio' => 0,
            ],
            [
                'name' => 'landscape',
                'ratio' => 16 / 9,
            ],
            [
                'name' => 'portrait',
                'ratio' => 3 / 5,
            ],
        ],
    ],
];

I then try to display it like this:

<img src="{{ $product->image('cover') }}" alt="{{ $product->title }}">

But this returns:

data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7

Which is a white pixel image of 1 by 1.

I've also tried:

<img src="{{ $product->image('cover', 'default') }}" alt="{{ $product->title }}">

But this has the same result. How am I supposed to display media?

[haringsrob]

Hey @twan-2022,

In the Twill user interface, do you see the correct crops?

[haringsrob]

Could you consult the database and see what is in the mediables rows for this product?

[twan-2022]

Could you consult the database and see what is in the mediables rows for this product?

Yeah the bottom 3 rows are related:

[haringsrob]

Hmm so from what I can see there's no default crop.

Can you try $product->image('image', 'desktop')

[twan-2022]

Hmm so from what I can see there's no default crop.

Can you try $product->image('image', 'desktop')

Yeah this works thanks! In the documentation I saw this line: A role is a way to define different contexts in which a image might be placed. For example, roles for a People model could be profile and cover. And as I saw 'cover' in my created model I assumed this was what I had to add as role but I understand now it has to be 'image'

[haringsrob]

Great that it worked!