如何在模块joomla中分别显示文章中的描述和图像

时间:2014-11-02 05:31:35

标签: php joomla

我试图在joomla的另一个模块中显示文章图像和描述。它喜欢wordpress帖子。

这里我想显示产品名称,图片和说明。 所以我把标题作为产品名称,现在我想把introtext分成两部分作为图片和描述的文章。

我发布了每个类别为id = 9的产品。

这是我使用的代码

<?php
catID = 9;
//echo $catID;
$doc = JFactory::getDocument();
$page_title = $doc->getTitle();
$db = JFactory::getDBO();
$db->setQuery("SELECT title, introtext FROM #__content WHERE catid = ".$catID);
$articles = $db->loadObjectList(); ?> 

<div class="row">
<div class="col-md-12">
    <div class="col-md-4">
    <div class="nopadding">
    <?php foreach($articles as $article){
$title = $article->title;?>
<!-- Image -->
<!-- Description -->
        <img class="ras-img" src=""><!-- Image should add here -->
        <div class="ras-hvr">
            <div class="ras-inner-hvr">
            <div class="row">
                    <div class="col-md-6  pro-name"><?php echo $article->title; ?></div>
            </div>
            <div class="row">
                    <div class="col-md-12  pro-des"><!-- Description here --></div>
            </div>
        </div>
        </div>
        <?php } ?>
    </div>
    </div>
    </div>
</div>

任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:3)

查看components\com_content\views\article\tmpl\default.php 在顶部附近,您会看到这行代码设置$images

$images  = json_decode($this->item->images);

再向下,您将看到图像的显示方式:

<?php if (isset($images->image_fulltext) && !empty($images->image_fulltext)) : ?>
<?php $imgfloat = (empty($images->float_fulltext)) ? $params->get('float_fulltext') : $images->float_fulltext; ?>
<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image"> <img
<?php if ($images->image_fulltext_caption):
    echo 'class="caption"'.' title="' .htmlspecialchars($images->image_fulltext_caption) . '"';
endif; ?>
src="<?php echo htmlspecialchars($images->image_fulltext); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>"/> </div>
<?php endif; ?>

有关说明:

$title = $article->introtext;   and/or   $title = $article->fulltext;

现在,有了这些信息,您需要创建一个模板覆盖,以便您不会破解核心安装文件。有关详细信息,请参阅How to override the output from the Joomla! core,但实质上,您可以使用模板执行此操作(我将使用beez3作为示例):

  1. 创建文件夹\templates\beez3\html\com_content\article
  2. 进入该文件夹, 复制 \components\com_content\views\article\tmpl\default.php
  3. 复制的 php文件
  4. 进行布局更改
  5. Joomla会查找并加载它,如果它存在而不是核心文件。