Joomla Templates Club 406,261 posts

[skoegler Friend skoeglerJoin date: January 2007Posts: 9Downloads:0Uploads:0 Thanks: 4]

#172198

In JA_Rave template – Articles include a align-left thumbnail at the top of each article. When viewed as individual article, the images align properly. However when the articles are listed in a blog list, the images are all placed outside the article text to the right.

http://ec-bp.org/ecbp2012/ – for examples

I want the blog list to appear with the thumbnails on the left as in http://ec-bp.org

Where can I make the proper change?

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431511

please update your joomlart software, this was reported long ago.

[skoegler Friend skoeglerJoin date: January 2007Posts: 9Downloads:0Uploads:0 Thanks: 4]

#431523

<em>@n6rej 291601 wrote:</em><blockquote>please update your joomlart software, this was reported long ago.</blockquote>

I installed ja_rave.v1.2.1, and just downloaded it again and instlled it again. No change. Is there some other joomlart software that should be updated?

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431678

<em>@skoegler 291615 wrote:</em><blockquote>I installed ja_rave.v1.2.1, and just downloaded it again and instlled it again. No change. Is there some other joomlart software that should be updated?</blockquote>
yes, follow the link in my signature

[skoegler Friend skoeglerJoin date: January 2007Posts: 9Downloads:0Uploads:0 Thanks: 4]

#431755

Thanks. I followed your video and found the JA T3 Framework needed updating.
I applied the upgrade but the thumbnails are still on the right side.

All the JA modules pass as being up to date. What else should I try?

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#431848

would you please provide superuser admin and ftp access to your site.

[skoegler Friend skoeglerJoin date: January 2007Posts: 9Downloads:0Uploads:0 Thanks: 4]

#431925

I sent login info as reply to your email. Not comfortable posting it in the forum.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#432046

well, I didn’t get the email but yeah, don’t post in forum.. there is a spot for it but thats different then “in” forum… click the little guy and open a “premium ticket” and put the info there.

[skoegler Friend skoeglerJoin date: January 2007Posts: 9Downloads:0Uploads:0 Thanks: 4]

#432047

I know that you’re intimately familiar with this forum but I don’t know where the ‘little guy’ is to create a premium ticket.. Any help would be appreciated.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#432113

<em>@skoegler 292276 wrote:</em><blockquote>I know that you’re intimately familiar with this forum but I don’t know where the ‘little guy’ is to create a premium ticket.. Any help would be appreciated.</blockquote>
whoops, he’s just below there 5th icon from the left..

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#432619

Hi
I have asked to help you on this simply issue.
Because i don’t have your FTP access so i used source from quickstart as reference. Let’s listing your issue steps here to know what’s going wrong instead just go with Update without know root of reason.

– Your issue at homepage ( featured items ) with image align right ( although at backend you aligned left ).
– Checked into code
jatc_rave_j17.ziptemplatesja_ravehtmlcom_contentfeatureddefault_item.php
There is code

<?php
/**
* @version $Id: default_item.php 18052 2010-07-08 04:56:08Z infograf768 $
* @package Joomla.Site
* @subpackage com_content
* @copyright Copyright (C) 2005 - 2010 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

// no direct access
defined('_JEXEC') or die;

// Create a shortcut for params.
$params = &$this->item->params;
$canEdit = $this->item->params->get('access-edit');
?>

<?php
//Get out all images
$regex = "/<img[^>]*>/";
$images = '';
//print_r($this->item);die();
if (preg_match_all($regex,$this->item->introtext, $matches)) {
$this->item->introtext = preg_replace ($regex, '', $this->item->introtext);
$images = implode ("n", $matches[0]);
}

?>
<div class="contentpaneopen<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?> <?php if ($images): ?>haveimage<?php endif; ?> clearfix">
<?php if ($images): ?>
<div class="article-image">
<div class="img_caption"><?php echo $images ?></div>
</div>
<?php endif; ?>

<?php if ($this->item->state == 0) : ?>
<div class="system-unpublished">
<?php endif; ?>

<?php if ($params->get('show_title')) : ?>
<h2 class="contentheading">
<?php if ($params->get('link_titles') && $params->get('access-view')) : ?>
<a href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>">
<?php echo $this->escape($this->item->title); ?></a>
<?php else : ?>
<?php echo $this->escape($this->item->title); ?>
<?php endif; ?>
</h2>
<?php endif; ?>

<?php if (!$params->get('show_intro')) : ?>
<?php echo $this->item->event->afterDisplayTitle; ?>
<?php endif; ?>

<?php echo $this->item->event->beforeDisplayContent; ?>

<?php // to do not that elegant would be nice to group the params ?>

<div class="article-tools clearfix">
<?php if (($params->get('show_author')) or ($params->get('show_category')) or ($params->get('show_create_date')) or ($params->get('show_modify_date')) or ($params->get('show_publish_date')) or ($params->get('show_parent_category')) or ($params->get('show_hits'))) : ?>
<dl class="article-info">
<?php endif; ?>
<?php if ($params->get('show_parent_category') && $this->item->parent_id != 1) : ?>
<dd class="parent-category-name">
<?php $title = $this->escape($this->item->parent_title);
$url = '<a href="' . JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->parent_slug)) . '">' . $title . '</a>'; ?>
<?php if ($params->get('link_parent_category') AND $this->item->parent_slug) : ?>
<?php echo JText::sprintf('COM_CONTENT_PARENT', $url); ?>
<?php else : ?>
<?php echo JText::sprintf('COM_CONTENT_PARENT', $title); ?>
<?php endif; ?>
</dd>
<?php endif; ?>
<?php if ($params->get('show_category')) : ?>
<dd class="category-name">
<?php $title = $this->escape($this->item->category_title);
$url = '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug)).'">'.$title.'</a>';?>
<?php if ($params->get('link_category') AND $this->item->catslug) : ?>
<?php echo JText::sprintf('COM_CONTENT_CATEGORY', $url); ?>
<?php else : ?>
<?php echo JText::sprintf('COM_CONTENT_CATEGORY', $title); ?>
<?php endif; ?>
</dd>
<?php endif; ?>
<?php if ($params->get('show_create_date')) : ?>
<dd class="create">
<?php echo JText::sprintf('COM_CONTENT_CREATED_DATE_ON', JHtml::_('date',$this->item->created, JText::_('DATE_FORMAT_LC3'))); ?>
</dd>
<?php endif; ?>
<?php if ($params->get('show_modify_date')) : ?>
<dd class="modified">
<?php echo JText::sprintf('COM_CONTENT_LAST_UPDATED', JHtml::_('date',$this->item->modified, JText::_('DATE_FORMAT_LC3'))); ?>
</dd>
<?php endif; ?>
<?php if ($params->get('show_publish_date')) : ?>
<dd class="published">
<?php echo JText::sprintf('COM_CONTENT_PUBLISHED_DATE', JHtml::_('date',$this->item->publish_up, JText::_('DATE_FORMAT_LC3'))); ?>
</dd>
<?php endif; ?>
<?php if ($params->get('show_author') && !empty($this->item->author)) : ?>
<dd class="createdby">
<?php $author = $this->item->author; ?>
<?php $author = ($this->item->created_by_alias ? $this->item->created_by_alias : $author);?>

<?php if (!empty($this->item->contactid ) && $params->get('link_author') == true):?>
<?php echo JText::sprintf('COM_CONTENT_WRITTEN_BY' ,
JHtml::_('link',JRoute::_('index.php?option=com_contact&view=contact&id='.$this->item->contactid),$author)); ?>

<?php else :?>
<?php echo JText::sprintf('COM_CONTENT_WRITTEN_BY', $author); ?>
<?php endif; ?>
</dd>
<?php endif; ?>
<?php if ($params->get('show_hits')) : ?>
<dd class="hits">
<?php echo JText::sprintf('COM_CONTENT_ARTICLE_HITS', $this->item->hits); ?>
</dd>
<?php endif; ?>
<?php if (($params->get('show_author')) or ($params->get('show_category')) or ($params->get('show_create_date')) or ($params->get('show_modify_date')) or ($params->get('show_publish_date')) or ($params->get('show_parent_category')) or ($params->get('show_hits'))) : ?>
</dl>
<?php endif; ?>

<?php if ($params->get('show_print_icon') || $params->get('show_email_icon') || $canEdit) : ?>
<div class="actions">
<?php if ($params->get('show_print_icon')) : ?>
<span class="print-icon">
<?php echo JHtml::_('icon.print_popup', $this->item, $params); ?>
</span>
<?php endif; ?>
<?php if ($params->get('show_email_icon')) : ?>
<span class="email-icon">
<?php echo JHtml::_('icon.email', $this->item, $params); ?>
</span>
<?php endif; ?>

<?php if ($canEdit) : ?>
<span class="edit-icon">
<?php echo JHtml::_('icon.edit', $this->item, $params); ?>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
</div>

<?php echo $this->item->introtext; ?>

<?php if ($params->get('show_readmore') && $this->item->readmore) :
if ($params->get('access-view')) :
$link = JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid));
else :
$menu = JFactory::getApplication()->getMenu();
$active = $menu->getActive();
$itemId = $active->id;
$link1 = JRoute::_('index.php?option=com_users&view=login&&Itemid=' . $itemId);
$returnURL = JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid));
$link = new JURI($link1);
$link->setVar('return', base64_encode($returnURL));
endif;
?>
<p class="readmore">
<a href="<?php echo $link; ?>">
<?php if (!$params->get('access-view')) :
echo JText::_('COM_CONTENT_REGISTER_TO_READ_MORE');
elseif ($readmore = $this->item->alternative_readmore) :
echo $readmore;
if ($params->get('show_readmore_title', 0) != 0) :
echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
endif;
elseif ($params->get('show_readmore_title', 0) == 0) :
echo JText::sprintf('COM_CONTENT_READ_MORE_TITLE');
else :
echo JText::_('COM_CONTENT_READ_MORE');
echo JHtml::_('string.truncate', ($this->item->title), $params->get('readmore_limit'));
endif; ?></a>
</p>
<?php endif; ?>

<?php if ($this->item->state == 0) : ?>
</div>
<?php endif; ?>

</div>
<div class="item-separator"></div>
<?php echo $this->item->event->afterDisplayContent; ?>

Check at line 18 – 28

<?php
//Get out all images
$regex = "/<img[^>]*>/";
$images = '';
//print_r($this->item);die();
if (preg_match_all($regex,$this->item->introtext, $matches)) {
$this->item->introtext = preg_replace ($regex, '', $this->item->introtext);
$images = implode ("n", $matches[0]);
}

?>

This code use for find all images in your introtext by use preg_match_all ( http://php.net/manual/en/function.preg-match-all.php )
And if have any images will replace it by empty ( remove image ). But $images stored this image

So from now images in your introtext will nolonger exists any more ( to display ).
After that

<?php if ($images): ?>
<div class="article-image">
<div class="img_caption"><?php echo $images ?></div>
</div>
<?php endif; ?>

This code use for display image into <div>.
Ya good idea. BUT ! check into css

.blog-featured div.article-image {
position: absolute;
right: 0;
top: -5px;
width: 130px;
}

This css forcing to show image at right side .

Okay ! That’s you reason of issue.
To solve this:
– You want to keep image as it’s ? By this way just remove 2 blocks code ( #1 image finding #2 image echo ).
– Or you want force to show at left side ? ( instead right side ? )

By the way at my side i suggest to use this html struc

<div class="contentpaneopen>
.......
<div class="contentWrapper">
<div class="itemImage">
</div>
<div class="contentText">
</div>
</div>

</div>

By this way we could handle image right / left easier . Not like right now introtext echo-ed without any wrap div.

Thank you and hope it could help you

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#432705

<em>@skoegler 291431 wrote:</em><blockquote>In JA_Rave template – Articles include a align-left thumbnail at the top of each article. When viewed as individual article, the images align properly. However when the articles are listed in a blog list, the images are all placed outside the article text to the right.

http://ec-bp.org/ecbp2012/ – for examples

I want the blog list to appear with the thumbnails on the left as in http://ec-bp.org

Where can I make the proper change?</blockquote>

I apologize for the confusing previous directions.. please watch

and let me know if you have any problems following it.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#432721

Thank you by provide same solution but with limited of detail & logic knowledge about code.
And please note also . We have second solution to keep thumb but also can make layout in better.

[skoegler Friend skoeglerJoin date: January 2007Posts: 9Downloads:0Uploads:0 Thanks: 4]

#432785

Thanks. That works perfectly… and easily enough that I could pull it off.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#433043

<em>@skoegler 293240 wrote:</em><blockquote>Thanks. That works perfectly… and easily enough that I could pull it off.</blockquote>
Thanks
Glad it worked for you.

[Author]

Posts