如何在博客布局中制作Joomla Intro图像响应

Question

我想问一下如何使Joomla Intro Image响应。当我正在处理死胡同时，我还没有成功使其响应。我目前正在使用Joomla 3.4.4创建基于引导程序的模板

我正在尝试做什么：

但我无法使Intro Image Thumbnail响应：

以下是代码：

<div class="news-item">
  <div class="row">
    <div class="col-xs-12 col-sm-offset-1">
      <a href="<?php echo $link; ?>"><h3 class="news-title"><?php echo $this->escape($this->item->title); ?></h3></a>
    </div>
  </div><br>
  <div class="row">
    <div class="hidden-xs col-sm-1">
      <span class="date"><?php echo JText::sprintf( JHTML::_('date',$this->item->publish_up, JText::_('d'))); ?></span><br><span class="month"><?php echo JText::sprintf( JHTML::_('date',$this->item->publish_up, JText::_('M'))); ?></span>
    </div>
    <div class="col-xs-4 col-sm-3">
      <?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>
</a>
    </div>
    <div class="col-xs-8 col-sm-8">
      <?php echo JHtmlString::truncate(strip_tags($this->item->text), 400); ?>
      <a href="<?php echo $link; ?>">Read More</a>
    </div>
  </div>
</div>

对于此特定代码，我们将非常感谢您的建议：

<?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>

提前致谢！

Answer 1

gw2很好的一个:)但是想念老gw。

顺便说一下，你的代码没有容器（或者可能在之前？）：

    <div class="news-item container">  
  <div class="row">
    <div class="col-xs-12 col-sm-offset-1">
      <a href="<?php echo $link; ?>"><h3 class="news-title"><?php echo $this->escape($this->item->title); ?></h3></a>
    </div>
  </div>  
  <div class="clearfix"></div>
  <div class="row">
    <div class="hidden-xs col-sm-1">
      <span class="date"><?php echo JText::sprintf( JHTML::_('date',$this->item->publish_up, JText::_('d'))); ?></span>
      <br/>
      <span class="month"><?php echo JText::sprintf( JHTML::_('date',$this->item->publish_up, JText::_('M'))); ?></span>
    </div>
    <div class="col-xs-4 col-sm-3">
      <?php echo JLayoutHelper::render('joomla.content.intro_image', $this->item); ?>
    </div> 
    <div class="col-xs-8 col-sm-8">
      <?php echo JHtmlString::truncate(strip_tags($this->item->text), 400); ?>
      <a href="<?php echo $link; ?>">Read More</a>
    </div> 
  </div>
</div>

另外，你有一个结束＆lt; / A＆GT;在没有开口的第二行。而且，你不需要＆lt; BR＆GT;在第一行之后，只需将其删除或替换为clearfix div。如果你需要更多空间，请使用css margin-bottom。

如果你想管理介绍图片你可以修改看看文件夹的html输出：template / your_template / html / layouts / joomla / content / intro_image或者从根目录只是layouts / joomla / content / intro_image

希望它有所帮助， 祝你好运！

Answer 2

可以用一行CSS简单地修复：

{{1}}

如果您有实时页面或小提琴，将很容易向您显示修复程序 问候
Nabeel