Joomla Templates Club 406,261 posts

[interdrones Friend interdronesJoin date: June 2014Posts: 5Downloads:2Uploads:4 Thanks: 4]

#200210

Hello,

Is it possible to add a zoom on images with the JA Decor defaut thumbnail’s system (see the image below) ?

I would like a simple zoom like JA Decor features it (see this official demo page for example).
I can’t find information in the JA Decor documentation about this feature.
Is it possible to use zoom with thumbnails ?

Best regards

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#544423

We have customized little bit in the article detail in JA Decor template,

+ Open templates/ja_decor/html/com_content/article/default.php file

<?php //echo $this->item->text;
echo DecorHelper::photogallery($this->item->text);
?>

and that’s code call from templates/ja_decor/templateHelper.php file

If you are a developer you can call it with my steps below

+ Include templateHelper.php file

JLoader::register('DecorHelper', T3_TEMPLATE_PATH . '/templateHelper.php');

+ and call DecorHelper:: photogallery(text);

1 user says Thank You to Ninja Lead for this useful post

1. interdrones

[interdrones Friend interdronesJoin date: June 2014Posts: 5Downloads:2Uploads:4 Thanks: 4]

#544935

Thank your for your quick response boss but it doesn’t work as i wish. I’m explaining :

The defaut code in templates/ja_decor/html/com_content/article/default.php is :

<?php //echo $this->item->text;
if($extrafieldsexist){
echo DecorHelper::photogallery($this->item->text);
}else{
echo $this->item->text;
}
?>

With the defaut code for thumbnails in article :

<div class="row example-row example-thumbnails">

<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="images/galerie/notre_activite/HAT_5011.jpg" />
</a>
</div>

<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="images/galerie/notre_activite/HAT_5012.jpg" />
</a>
</div>

<div class="col-xs-6 col-md-3">
<a href="#" class="thumbnail">
<img src="images/galerie/notre_activite/HAT_5013.jpg" />
</a>
</div>

It makes this result wish is OK for me but I would like to add a zoom :

But if I’m modifying templates/ja_decor/html/com_content/article/default.php as you said :

<?php //echo $this->item->text;
echo DecorHelper::photogallery($this->item->text);
?>

The result is images are not going to thumbnail and the borders still active (but the zoom works) :

I would like thumbs and zoom if possible ?

Best regards

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#545026

This page here is using this article layout: templates/ja_decor/html/com_content/article/default.php file

I did not ask you to change default.php in article detail :((.

About your request, it will need some customization, you can pm me URL, admin and FTP credential of your site. I shall help you to check this

1 user says Thank You to Ninja Lead for this useful post

1. interdrones

[interdrones Friend interdronesJoin date: June 2014Posts: 5Downloads:2Uploads:4 Thanks: 4]

#546222

Hello Boss,

I’m coming back to you, since I was putting online a site’s dev version.
I’ll send you by PM all informations you need.
When you’ll finished please may you indicate to me the modifications because maybe I’ll need to reproduce it.

Best regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#546535

I just fixed the problem in the details articles on your site: your_domain/maquette/index.php/services/interdrones-air

Open templates/ja_decor/html/com_content/article/default.php file

Change

<?php //echo $this->item->text;
if($extrafieldsexist){
echo DecorHelper::photogallery($this->item->text);
}else{
echo $this->item->text;
}
?>

To

<?php
echo DecorHelper::photogallery($this->item->text);
?>


But there are still some problem in article of your site. You can change it from “INTERDRONES AIR” article and drop html script and image tags need to change with this below format if you wish to show many images in thumbnail

<p><img src="images/joomlart/demo/sam-10.jpg" alt="" /><img src="images/joomlart/demo/sam-8.jpg" alt="" /><img src="images/joomlart/demo/sam-9.jpg" alt="" /></p>

1 user says Thank You to Ninja Lead for this useful post

1. interdrones

[interdrones Friend interdronesJoin date: June 2014Posts: 5Downloads:2Uploads:4 Thanks: 4]

#549563

Sorry but it doesn’t work and it brokes the general page’s design.

Anyway, I installed Phoca Galery wich is much more flexible and friendly for me 😉

Thank you for your help. Keep doing great job here.

[Author]

Posts