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?

    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 ?

    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.

      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.

        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

          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 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>

            to

            <?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 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

                Write a Reply...
                You need to Login to view replies.