Joomla Templates Club 406,261 posts

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#158848

Hi my ‘read more’ button is awkwardly place beneath the image and the caption the image uses.

I would like the read more to be placed beneath the text immediately. Can somebody please point me in the right direction?

Please see attached image.

Thank you

---

Attachments:

1. 

1 user says Thank You to kayz for this useful post

1. splico123

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#372295

Anybody have the slightest idea…

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372658

Go to templates/ja_teline_iv/html/com_content/category/blog_item.php file and move this::

<?php if ($this->item->params->get(‘show_readmore’) && $this->item->readmore) : ?>
<p class=”readmore”>
<a href=”<?php echo $this->item->readmore_link; ?>” title=”<?php echo $this->escape($this->item->title); ?>”>
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_(‘Register to read more…’); ?></span>
<?php else : ?>
<span><?php echo JText::_(‘Read more…’); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>

below this::::

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

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#372681

<em>@aman204 216072 wrote:</em><blockquote>Go to templates/ja_teline_iv/html/com_content/category/blog_item.php file and move this::

<?php if ($this->item->params->get(‘show_readmore’) && $this->item->readmore) : ?>
<p class=”readmore”>
<a href=”<?php echo $this->item->readmore_link; ?>” title=”<?php echo $this->escape($this->item->title); ?>”>
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_(‘Register to read more…’); ?></span>
<?php else : ?>
<span><?php echo JText::_(‘Read more…’); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>

below this::::

<?php echo $this->item->event->afterDisplayContent; ?></blockquote>

Hi Aman thank you very much for your help.

This worked only a little bit, i had to move it beneath

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

However the ‘read more’ button is always beneath the image of the article? How can i bring it below the body text not below the image of the article all the time.

Thank you.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#372705

Can you provide a link to your site along with updates done

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#372775

Thanks Aman, i have pmed you.

[splico123 Friend splico123Join date: January 2007Posts: 339Downloads:80Uploads:7 Thanks: 24 Thanked: 93 times in 16 posts]

#372830

I would ve interested in this too. Thx for bringing it up

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#372843

I’ve not tried this bu it would probably be best to move the entire block into the div containing the article.

So cut the whole block

<?php if ($this->item->params->get('show_readmore') && $this->item->readmore) : ?>
<p class="readmore">
<a href="<?php echo $this->item->readmore_link; ?>" title="<?php echo $this->escape($this->item->title); ?>">
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_('Register to read more...'); ?></span>
<?php else : ?>
<span><?php echo JText::_('Read more...'); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>

And paste it in a little higher up in the
code for instance at

<div class="article-content">
<?php if (isset ($this->item->toc)) : ?>
<?php echo $this->item->toc; ?>
<?php endif; ?>
<?php echo $this->item->text; ?>
<?php echo $this->item->event->afterDisplayContent; ?>
</div>

So the whole block would become

<div class="article-content">
<?php if (isset ($this->item->toc)) : ?>
<?php echo $this->item->toc; ?>
<?php endif; ?>
<?php echo $this->item->text; ?>
<?php echo $this->item->event->afterDisplayContent; ?>
<?php if ($this->item->params->get('show_readmore') && $this->item->readmore) : ?>
<p class="readmore">
<a href="<?php echo $this->item->readmore_link; ?>" title="<?php echo $this->escape($this->item->title); ?>">
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_('Register to read more...'); ?></span>
<?php else : ?>
<span><?php echo JText::_('Read more...'); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>
</div>

As I said, not tested so you may have to move it about a bit to get it where you want it.

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#373021

<em>@phill luckhurst 216304 wrote:</em><blockquote>I’ve not tried this bu it would probably be best to move the entire block into the div containing the article.

So cut the whole block

<?php if ($this->item->params->get('show_readmore') && $this->item->readmore) : ?>
<p class="readmore">
<a href="<?php echo $this->item->readmore_link; ?>" title="<?php echo $this->escape($this->item->title); ?>">
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_('Register to read more...'); ?></span>
<?php else : ?>
<span><?php echo JText::_('Read more...'); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>

And paste it in a little higher up in the
code for instance at

<div class="article-content">
<?php if (isset ($this->item->toc)) : ?>
<?php echo $this->item->toc; ?>
<?php endif; ?>
<?php echo $this->item->text; ?>
<?php echo $this->item->event->afterDisplayContent; ?>
</div>

So the whole block would become

<div class="article-content">
<?php if (isset ($this->item->toc)) : ?>
<?php echo $this->item->toc; ?>
<?php endif; ?>
<?php echo $this->item->text; ?>
<?php echo $this->item->event->afterDisplayContent; ?>
<?php if ($this->item->params->get('show_readmore') && $this->item->readmore) : ?>
<p class="readmore">
<a href="<?php echo $this->item->readmore_link; ?>" title="<?php echo $this->escape($this->item->title); ?>">
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_('Register to read more...'); ?></span>
<?php else : ?>
<span><?php echo JText::_('Read more...'); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>
</div>

As I said, not tested so you may have to move it about a bit to get it where you want it.</blockquote>

Hi Phill, yep ive tried this i have also tried every other line trying to reposition it but it just wont budge… :((

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373034

<em>@kayz 216538 wrote:</em><blockquote>Hi Phill, yep ive tried this i have also tried every other line trying to reposition it but it just wont budge… :((</blockquote>

I’m back home tonight so will have a look then.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373092

I’ve tested this and it works. Open templates>ja_teline_iv>html>com_content>category>blog_item.php and replace all the contents with the code below. Please be sure to clean your jat3 cache before viewing your page

<?php

// no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<?php if ($this->user->authorize('com_content', 'edit', 'content', 'all') || $this->user->authorize('com_content', 'edit', 'content', 'own')) : ?>
<div class="contentpaneopen_edit<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>" style="float: left;">
<?php echo JHTML::_('icon.edit', $this->item, $this->item->params, $this->access); ?>
</div>
<?php endif; ?>
<div class="contentpaneopen<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>">
<?php if ($this->item->params->get('show_title')) : ?>
<h2 class="contentheading"><?php if ($this->item->params->get('link_titles') && $this->item->readmore_link != '') : ?><a href="<?php echo $this->item->readmore_link; ?>"><?php echo $this->escape($this->item->title); ?></a><?php else : ?><?php echo $this->escape($this->item->title); ?><?php endif; ?></h2>
<?php endif; ?>
<?php if (!$this->item->params->get('show_intro')) :
echo $this->item->event->afterDisplayTitle;
endif; ?>
<?php
if (
($this->item->params->get('show_create_date'))
|| (($this->item->params->get('show_author')) && ($this->item->author != ""))
|| (($this->item->params->get('show_section') && $this->item->sectionid) || ($this->item->params->get('show_category') && $this->item->catid))
|| ($this->item->params->get('show_pdf_icon') || $this->item->params->get('show_print_icon') || $this->item->params->get('show_email_icon'))
|| ($this->item->params->get('show_url') && $this->item->urls)
) :
?>
<div class="article-tools clearfix">
<dl class="article-info" <?php if (!($this->item->params->get('show_pdf_icon') || $this->item->params->get('show_print_icon') || $this->item->params->get('show_email_icon'))):?>style="width: 100%"<?php endif;?>>
<?php if ($this->item->params->get('show_create_date')) : ?>
<dd class="create">
<?php $created = T3Hook::_('t3_date_format', array($this->item->created, 'cat.blog.created'));
if (!$created) $created = JHTML::_('date', $this->item->created, JText::_('DATE_FORMAT_LC3')) ?>
<?php echo $created ?>
</dd>
<?php endif; ?>
<?php if (($this->item->params->get('show_author')) && ($this->item->author != "")) : ?>
<dd class="createdby">
<?php JText::printf(($this->item->created_by_alias
? $this->escape($this->item->created_by_alias)
: $this->escape($this->item->author)) ); ?>
</dd>
<?php endif; ?>
<?php if ($this->params->get('show_hits')) : ?>
<dd class="hits">
<?php echo JText::_('Hits'); ?>: <?php echo $this->item->hits; ?>
</dd>
<?php endif; ?>
<?php if (($this->item->params->get('show_section') && $this->item->sectionid) || ($this->item->params->get('show_category') && $this->item->catid)) : ?>
<?php if ($this->item->params->get('show_section') && $this->item->sectionid && isset($this->item->section)) : ?>
<dd class="parent-category-name">
<strong><?php echo JText::_('SECTION'); ?>: </strong>
<?php if ($this->item->params->get('link_section')) : ?>
<?php echo '<a href="'.JRoute::_(ContentHelperRoute::getSectionRoute($this->item->sectionid)).'">'; ?>
<?php endif; ?>
<?php echo $this->escape($this->item->section); ?>
<?php if ($this->item->params->get('link_section')) : ?>
<?php echo '</a>'; ?>
<?php endif; ?>
<?php if ($this->item->params->get('show_category')) : ?>
<?php echo ' - '; ?>
<?php endif; ?>
</dd>
<?php endif; ?>
<?php if ($this->item->params->get('show_category') && $this->item->catid) : ?>
<dd class="category-name">
<?php if ($this->item->params->get('link_category')) : ?>
<?php echo '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug, $this->item->sectionid)).'">'; ?>
<?php endif; ?>
<?php echo $this->escape($this->item->category); ?>
<?php if ($this->item->params->get('link_category')) : ?>
<?php echo '</a>'; ?>
<?php endif; ?>
</dd>
<?php endif; ?>
<?php endif; ?>
</dl>
<?php if ($this->item->params->get('show_pdf_icon') || $this->item->params->get('show_print_icon') || $this->item->params->get('show_email_icon')) : ?>
<ul class="actions">
<?php if ($this->item->params->get('show_email_icon')) : ?>
<li class="email-icon">
<?php echo JHTML::_('icon.email', $this->item, $this->item->params, $this->access); ?>
</li>
<?php endif; ?>
<?php if ( $this->item->params->get( 'show_print_icon' )) : ?>
<li class="print-icon">
<?php echo JHTML::_('icon.print_popup', $this->item, $this->item->params, $this->access); ?>
</li>
<?php endif; ?>
<?php if ($this->item->params->get('show_pdf_icon')) : ?>
<li class="pdf-icon">
<?php echo JHTML::_('icon.pdf', $this->item, $this->item->params, $this->access); ?>
</li>
<?php endif; ?>
</ul>
<?php endif; ?>
<?php if ($this->item->params->get('show_url') && $this->item->urls) : ?>
<p class="article-url">
<a href="http://<?php echo $this->escape($this->item->urls) ; ?>" target="_blank">
<?php echo $this->escape($this->item->urls); ?>
</a>
</p>
<?php endif; ?>
</div>
<?php endif; ?>
<?php echo $this->item->event->beforeDisplayContent; ?>
<div class="article-content">
<?php if (isset ($this->item->toc)) : ?>
<?php echo $this->item->toc; ?>
<?php endif; ?>
<?php echo $this->item->text; ?>
<?php if ($this->item->params->get('show_readmore') && $this->item->readmore) : ?>
<p class="readmore">
<a href="<?php echo $this->item->readmore_link; ?>" title="<?php echo $this->escape($this->item->title); ?>">
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_('Register to read more...'); ?></span>
<?php else : ?>
<span><?php echo JText::_('Read more...'); ?></span>
<?php endif; ?>
</a>
</p>
<?php endif; ?>
<?php echo $this->item->event->afterDisplayContent; ?>
</div>
<?php if ( intval($this->item->modified) != 0 && $this->item->params->get('show_modify_date')) : ?>
<p class="modifydate">
<?php $modified = T3Hook::_('t3_date_format', array($this->item->modified, 'cat.blog.modified'));
if (!$modified) $modified = JHTML::_('date', $this->item->modified, JText::_('DATE_FORMAT_LC2')); ?>
<?php echo JText::sprintf('LAST_UPDATED2', $modified); ?>
</p>
<?php endif; ?>

</div>

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#373108

Hi Phill and thanks for your support again.

After applying the changes you had suggested i noticed no change. I then compared your code with mine and it noticed it was identical. I had already moved the ‘Read More’ button up a little further which i think this is what you did. However after applying a caption style to the image and if paragraph stopping short the ‘Read More’ button is automatically positioned beneath the image still 🙁

See screenshot attached:

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373143

You must have some cache going on or are applying it to the wrong file as the readmore is now in a different div, the same div as the text. For it to display where you are showin it it must be in a different div.

Please PM me an admin logon, a link to your admin panel, a link to the affected page, a link to this thread and your ftp details and I can check and adjust if needed.

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#373286

<em>@phill luckhurst 216690 wrote:</em><blockquote>You must have some cache going on or are applying it to the wrong file as the readmore is now in a different div, the same div as the text. For it to display where you are showin it it must be in a different div.

Please PM me an admin logon, a link to your admin panel, a link to the affected page, a link to this thread and your ftp details and I can check and adjust if needed.</blockquote>

Yes i had also carefully placed it within the same div.. strange.

Anyways i have sent you the pm. Cheers

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373306

I have answered your PM. You have already achieved putting the button in the same div. You just have a small image centered above it so your content is not next to the image. If you float the image to the left then your content should move to the right and so will the readmore.

[Author]

Posts