Conflict between "Responsive Images" plugin and Blokk template

miltos

I want to have really responsive images. I tried using the “Responsive Images” plugin, a free plugin made by one of the Joomla core devs. Unfortunately it doesn't work with Blokk (but neither with T4 in general). The full article images do not respond, neither do those inserted through Subform (repeatable editor custom field). Only those inside the text editor. The plugin works without problems in Cassiopeia, making all photos from joomla core, responsive. Can this be solved? Do you have any other suggestion to have responsive images? It's 2023, responsive images are essential for a fast website and maybe this should be a standard provision in your templates.

manhta

miltos
Hi,
You can open file templates\ja_blockk\html\mod_jacontentlisting\details\default-16\index.php

Replace this code

<img src="<?php echo Uri::base().$images->image_fulltext; ?>" itemprop="image">

By this

<?php echo HTMLHelper::_('content.prepare', '<img src="' . $images->image_fulltext . '" itemprop="image">', null, 'com_content.article'); ?>

Regards

miltos

Hi manhta

Do you mean override? I opened this file but the code you sent me is not there (I checked with notebad++). And a question. Why at 16? Shouldn't it change to all defaults? I use 2, 7 and 11.

saguaros

miltos Try to edit this file: /templates/ja_blockk/html/layouts/joomla/content/full_image.php
Load MediaHelper

use Joomla\CMS\Helper\MediaHelper;

and update the code rendering the image by:

echo HTMLHelper::_('content.prepare', '<img src="' . MediaHelper::getCleanMediaFieldValue($images->image_fulltext) . '" itemprop="image">', null, 'com_content.article')

I attach this file here so you can compare:

full-imagephp.zip

1kB

In case it doens't work, you can put your site online and share the URL of that article page so we can have a closer look and check for you.