Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#658566

In the article’s main image:

http://ja-teline_v.demo.joomlart.com/index.php/en/world/22-us-canada/371-obama-says-he-ll-order-action-to-aid-immigrants

I can click on the image but the only effect I have is to reload the article.

I believe it should open the image in a light box with its full size, this feature is forgotten, I am right?

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

#658643

Hi there
No. It’s full image in article view.
In Joomla! layout default, click on it will link to article view ( same with current ).

Thank you,
Viet Vu

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

#744738

Hi there
No. It’s full image in article view.
In Joomla! layout default, click on it will link to article view ( same with current ).

Thank you,
Viet Vu

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#658659

That link should not be there, we will update in the upcoming version.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#744754

That link should not be there, we will update in the upcoming version.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#658882

Thanks Saguaros, this is what I meant, I noticed that this feature is forgotten by JA.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#744771

Thanks Saguaros, this is what I meant, I noticed that this feature is forgotten by JA.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#751018

My friends, you published the version 1.0.6 of the template and the issue is not resolved yet…

I believe it will be excellent if we can open the top image in full in a light box upon clicking on the image on the text…

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#751031

Maybe of use for popup full image. http://extensions.joomla.org/extensions/extension/style-a-design/popups-a-iframes/modals

Otherwise edit css to get 100% image size in article ?

e.g, add to custom.css

.article-intro-media .item-image {

max-height: 100%;
overflow: hidden;

}

1 user says Thank You to timtecsa for this useful post

1. melvine

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#705612

Hello every one,

I updated article layout to add light box or popup that view article cover image, and I’ll share this with you :
go to : templates/telinev/html/layouts/joomla/content/item/default.php

at line 66 remove this line :

<?php echo JLayoutHelper::render('joomla.content.image.intro', $displayData); ?>

add these instead:

<div itemprop="image" class="pull-left item-image">

<a href="#" data-toggle="modal" data-target="#thumbModal<?php echo $item->id; ?>" >

<img src="<?php echo $img_info->image_intro ?>" title="<?php echo $img_info->image_intro_caption ?>" alt="<?php echo $img_info->image_intro_caption ?>" />
</a>
</div>
<div id="thumbModal<?php echo $item->id; ?>" class="modal fade" >
<div class="modal-fullscreen">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><?php echo $img_info->image_fulltext_caption ?></h4>
</div>
<div class="modal-body">
<p> <img src="<?php echo $img_info->image_intro ?>" alt="<?php echo $img_info->image_intro_caption ?>" itemprop="thumbnailUrl"/>
</p>
</div>

</div>

</div>
</div>

also add this to you css files – optional- to set popup almost full screen

.modal-fullscreen {
margin: 27px auto;
opacity: 0.9;
text-align: center;
width: 80%;
}

and save file, that’s set :).

don’t forget to take backup before starting edit.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#752011

Hello every one,

I updated article layout to add light box or popup that view article cover image, and I’ll share this with you :
go to : templates/telinev/html/layouts/joomla/content/item/default.php

at line 66 remove this line :

<?php echo JLayoutHelper::render('joomla.content.image.intro', $displayData); ?>

add these instead:

<div itemprop="image" class="pull-left item-image">

<a href="#" data-toggle="modal" data-target="#thumbModal<?php echo $item->id; ?>" >

<img src="<?php echo $img_info->image_intro ?>" title="<?php echo $img_info->image_intro_caption ?>" alt="<?php echo $img_info->image_intro_caption ?>" />
</a>
</div>
<div id="thumbModal<?php echo $item->id; ?>" class="modal fade" >
<div class="modal-fullscreen">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><?php echo $img_info->image_fulltext_caption ?></h4>
</div>
<div class="modal-body">
<p> <img src="<?php echo $img_info->image_intro ?>" alt="<?php echo $img_info->image_intro_caption ?>" itemprop="thumbnailUrl"/>
</p>
</div>

</div>

</div>
</div>

also add this to you css files – optional- to set popup almost full screen

.modal-fullscreen {
margin: 27px auto;
opacity: 0.9;
text-align: center;
width: 80%;
}

and save file, that’s set :).

don’t forget to take backup before starting edit.

[Author]

Posts