This Joomla 4 override allows you to display a real estate listing simply using the Joomla's mod_articles_category module. At the bottom of this article, you can download the files of the override.
Joomla 4 frontend rendering
PhP markup
<?php
/**
* @package Joomla.Site
* @subpackage mod_articles_category
* @author web-eau.net
* @copyright (C) 2010 Open Source Matters, Inc. <https://www.joomla.org>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
use Joomla\CMS\Helper\ModuleHelper;
use Joomla\CMS\Language\Text;
if (!$list)
{
return;
}
?>
<div class="container">
<div class="row">
<?php foreach ($list as $item) : ?>
<div class="car border col-md-12 mt-2 mb-1">
<div class="row ">
<div class="col-md-4">
<?php
$article_images = json_decode($item->images);
$article_image = '';
$article_image_alt = '';
if(isset($article_images->image_intro) && !empty($article_images->image_intro)) {
$article_image = $article_images->image_intro;
$article_image_alt = $article_images->image_intro_alt;
}?>
<a href="<?php echo $item->link; ?>" target="_parent">
<img class="card-img-top py-3" src="<?php echo $article_image; ?>" alt="<?php echo $article_image_alt; ?>" />
</a>
</div>
<div class="col-md-8">
<div class="card-block p-3">
<p class="">
<a href="<?php echo $item->link; ?>" target="_parent"><span class="fs-4"><?php echo $article_image_alt; ?></span> <span style="float:right" class="text-right"><small class="text-muted"><?php echo $item->title; ?></small></span></a>
</p>
<div class="row pb-3">
<?php $item->urls = new JRegistry($item->urls); ?>
<div class="col-7 text-muted"><?php echo $item->urls->get('urlatext'); ?><span class="px-3"> | </span><?php echo $item->urls->get('urlbtext'); ?><span class="px-3"> | </span><?php echo $item->urls->get('urlctext'); ?></div><div class="col-5"></div>
</div>
<p class="d-none d-sm-block"><?php echo $item->displayIntrotext; ?></p>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>Inspiration: https://bootsnipp.com/snippets/29o2
This Joomla 3 override allows you to display a real estate listing simply using the Joomla's mod_articles_category module. At the bottom of this article, you can download the files of the override.
Joomla 3 frontend rendering
PhP markup
><?php
/**
* @package Joomla.Site
* @subpackage mod_articles_category
* @Author web-eau.net
* @copyright Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
?>
<div class="container">
<div class="row">
<?php foreach ($list as $item) : ?>
<div class="card col-md-12 mt-2 mb-1">
<div class="row ">
<div class="col-md-4">
<?php
$article_images = json_decode($item->images);
$article_image = '';
$article_image_alt = '';
if(isset($article_images->image_intro) && !empty($article_images->image_intro)) {
$article_image = $article_images->image_intro;
$article_image_alt = $article_images->image_intro_alt;
}?>
<a href="/<?php echo $item->link; ?>" target="_parent">
<img class="card-img-top py-3" src="/<?php echo $article_image; ?>" alt="<?php echo $article_image_alt; ?>" />
</a>
</div>
<div class="col-md-8">
<div class="card-block">
<p class="pb-1">
<a href="#" target="_parent"><span class="h3"><?php echo $article_image_alt; ?></span> <span style="float:right" class="text-right"><small class="text-muted"><?php echo $item->title; ?></small></span></a>
</p>
<div class="row pb-3">
<?php $item->urls = new JRegistry($item->urls); ?>
<div class="col-7 text-muted"><?php echo $item->urls->get('urlatext'); ?><span class="px-3"> | </span><?php echo $item->urls->get('urlbtext'); ?><span class="px-3"> | </span><?php echo $item->urls->get('urlctext'); ?></div><div class="col-5"></div>
</div>
<p class="d-none d-sm-block"><?php echo $item->displayIntrotext; ?></p>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>Inspiration: https://bootsnipp.com/snippets/29o2