Intro text not displaying on articles On JA Smashboard

adamberrington

Hi,

I'm using the JA Smashboard template (latest version, all plugins up to date etc). I have aproblem with the intro text. It only displays on desktop computers ok. On iPads it only displays when viewed in portrait mode and not in landscape. On iPhones, it doesn't display at all. On the iPhone, clicking on the image also does not open the article. Sadly it appears there are plenty of bugs for this template on the iPhone.

I have chaged the settings in the three places where "show intro text" can be set:

in Global Config for articles,
in the Menu settings,
in the individual article's settings.

Any help would be appreciated.

aman204

adamberrington Hi

Can you add your admin details in edit fields in order for us to take closer look.
For reference, You can follow thread post (5 point) procedure.

aman204

adamberrington On the iPhone, clicking on the image also does not open the article.

To be precise, Do you wish to refer to article popup not appearing as seen in screenshot taken in desktop mode ?

adamberrington

aman204

Afraid not website is offline at the moment for security reasons. It's a standard JA Smashboard and Joomla bug apparently, just wondered if anyone had managed to fix it. It's been present on all versions of the template in one form or other.

aman204

adamberrington Assuming you are referring to intro text for Joomla component --> articles, Try add this to custom.css file :

@media only screen and (max-device-width: 768px) {.view-featured .article-intro, .blog-featured .article-intro, .blog .article-intro{display:block !important;}}

Kindly ensure to clear your browser cache if changes dont reflect

adamberrington

aman204

Thank you, but unfortunately it hasn't worked. I created a custom.css file in the css folder of the template and copied and pasted the code in, nothing happened.

aman204

adamberrington You can always let us know when the site has been put online on some link in order to take closer look

adamberrington

aman204

Thanks, I put the code in another file in the css folder called bootstrap-responsive.txt and it is now displaying some intro text on the iPhone. The issue with the article image still not opening the whole article is still not resolved though. Do you have any ideas for this please?

aman204

adamberrington The issue with the article image still not opening the whole article is still not resolved though. Do you have any ideas for this please?

You can try change this around line 36 in /templates/ja_smashboard/html/com_content/featured/default_item.php which would enable to get the image to also redirect to specific article :

<?php  if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
		<div class="item-image-wrap">
			<?php $imgfloat = (empty($images->float_intro)) ? $params->get('float_intro') : $images->float_intro; ?>
			<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image">  <img
				<?php if ($images->image_intro_caption):
					echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
				endif; ?>
				src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>" itemprop="thumbnailUrl" />
			</div>

<?php  if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
		<div class="item-image-wrap">
			<?php $imgfloat = (empty($images->float_intro)) ? $params->get('float_intro') : $images->float_intro; ?>
			<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image"> 	<a class="article-link" href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>"> <img
				<?php if ($images->image_intro_caption):
					echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
				endif; ?>
				src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>" itemprop="thumbnailUrl" />
			</a></div>

Would suggest to take backup of your current file before performing aforesaid steps, in case rollback required whilst facing any issues e.t.c and also ensure to clear your browser cache if changes dont reflect

adamberrington

Not sure what you mean.. When scrolling the articles in s menu, to open them fully you can click on the image, title or cross on the bottom right. Clicking on the image does not work though.

teitbite

adamberrington Hi. I'm afraid I will have to see it. Please edit first post of this thread and in the black fields add an url and joomla panel access to Your site. An exact url to the page where this image problem can be seen would be much welcome. And do not worry, anything placed into this black fields will only appear to joomlart support, so it will not be publicly accessed.

adamberrington

teitbite

Hi, I have added the url. If you view the site on an iPhone and click on the image, you will see that it does not open the article in full as it should.

Thanks

teitbite

adamberrington Hi. I've just checked the code and it's actually intended not to open popup on screens smaller than 767px, so not only iPhones. I must say it's a good idea, because a popup of a large article may not be very functional on small screen. But I agree that in such case click should at least redirect to article page. So to extend it to work like that please try add this to custom code block in template's addons section:

<script type=“text/javascript">(function($) {$(document).ready(function() {
$('.ja-infinity article').on('click',function(){
if($(windows).width()<768) {
window.location.href = $(this).find('.readmore-link').attr('href');
}
});
});})(jQuery)</script>

adamberrington

teitbite

Thanks, I tried adding your code and it has not worked sorry.

adamberrington

aman204

Thank you but I've just tried this and sadly it does not work.

aman204

adamberrington Kindly check now as the same is working fine now. Have added the similar code (almost) as above in /html/com_content/category/blog_item.php as you had assigned Articles » Category Blog for the specific menu item

Kindly ensure to clear your browser cache if changes dont reflect

adamberrington

aman204

Thank you! Much appreciated!!

:-)