Call Intro or Full Article Image

joomlerGR · Post by **joomlerGR** » Fri May 10, 2024 12:20 am

how to call Intro or Full Article Image inside Index.php into the content="..."

<meta property="og:image" content="">

carlitorweb · Post by **carlitorweb** » Fri May 10, 2024 12:59 am

Not sure where is the "index.php", but normally this you can do it inside the article view. So, first, make a override to com_content/article.

Then you need the follow code:

Code: Select all

use Joomla\CMS\Factory; // this one can be already in your override
use Joomla\CMS\Uri\Uri;

$document = Factory::getApplication()->getDocument();
$images = json_decode($this->item->images);

$ogImg = !empty($images->image_fulltext) ? $images->image_fulltext : $images->image_intro;

if ( !empty($ogImg) ) {
    $document->addCustomTag('<meta property="og:image" content="' . Uri::base() . $ogImg . '" />');
}

joomlerGR · Post by **joomlerGR** » Fri May 10, 2024 1:10 am

i implement it in default.php but its not working

any other idea?

Post by **toivo** » Fri May 10, 2024 1:32 am

Did you follow this tutorial to create the override: J4.x: Template Overrides?

In case you happened to modify the original file, components/com_content/tmpl/article/default.php and the template already had an override file, namely templates/your-template/html/com_content/article/default.php, the override file has precedence and the modified file default.php is never executed.

carlitorweb · Post by **carlitorweb** » Fri May 10, 2024 1:36 am

can you show the content of your default.php file? With the code I shared

joomlerGR · Post by **joomlerGR** » Fri May 10, 2024 5:01 pm

screenshot attached below:

carlitorweb wrote: ↑
Fri May 10, 2024 12:59 am
Not sure where is the "index.php", but normally this you can do it inside the article view. So, first, make a override to com_content/article.

Then you need the follow code:
Code: Select all
use Joomla\CMS\Factory; // this one can be already in your override
use Joomla\CMS\Uri\Uri;

$document = Factory::getApplication()->getDocument();
$images = json_decode($this->item->images);

$ogImg = !empty($images->image_fulltext) ? $images->image_fulltext : $images->image_intro;

if ( !empty($ogImg) ) {
    $document->addCustomTag('<meta property="og:image" content="' . Uri::base() . $ogImg . '" />');
}

carlitorweb · Post by **carlitorweb** » Fri May 10, 2024 5:17 pm

Did you check after in the frontend, inside the <head> section if the tag show there? Need be inside a article view, since was the file you override

joomlerGR · Post by **joomlerGR** » Fri May 10, 2024 5:28 pm

yes i have checked and it wasnt there! did you tried it in your end to see if it works?

carlitorweb · Post by **carlitorweb** » Fri May 10, 2024 6:26 pm

I just checked, was missed the part of clean the image URL but even without it the tag show up well.

Correction:

Code: Select all

use Joomla\CMS\Factory; // this one can be already in your override
use Joomla\CMS\Uri\Uri;  // this one can be already in your override
use Joomla\CMS\HTML\HTMLHelper; // this one can be already in your override

$document = Factory::getApplication()->getDocument();
$images   = json_decode($this->item->images);

$ogImg = !empty($images->image_fulltext) ? $images->image_fulltext : $images->image_intro;

if ( !empty($ogImg) ) {
    $ogImg = HTMLHelper::_('cleanImageURL', $ogImg);
    $document->addCustomTag('<meta property="og:image" content="' . Uri::base() . $this->escape($ogImg->url) . '" />');
}

joomlerGR · Post by **joomlerGR** » Fri May 10, 2024 8:03 pm

that code is working just fine!

so with that code we are showing the og:image meta tag at the article pages from intro image

so to evolve the code HOW WE CAN SET for all the other pages (main page, category and tag pages) to show the following og:image meta tag?

Code: Select all

<meta property="og:image" content="/MAIN-IMAGE.png"/>

carlitorweb · Post by **carlitorweb** » Fri May 10, 2024 8:21 pm

You can always set a $document->addCustomTag(), the thing is the image you will use.

Featured view you will need use a static image, since there you have a list of articles. Otherwise you will need get one of the article image from that list and use it in your og tag.

For category view is similar, a list of articles, but you have a param inside your category options for set a image for that category wich you can use for your og tag.

For example if you go to category/blog override you can use the follow to get the image

Code: Select all

$this->category->getParams()->get('image')

Then same as before, check if not empty, clean it and use it

joomlerGR · Post by **joomlerGR** » Fri May 10, 2024 8:31 pm

at Articles: Edit Category if i set an image there: how that image will be shown in the

<meta property="og:image" content=..

?

The Joomla! Forum™

Call Intro or Full Article Image

Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image

Re: Call Intro or Full Article Image