image magnifier

Hi,

1-I noticed that there is no magnifier mini icon on the images so people can know that if they click on the image it will become bigger.

2-If I install ArtZoomIn extensions.joomla.org/extensions/photos-...mage-magnifier/12758
Dooes it work with Hikashop images?

Thank you

I saved an magnifier icon on my media manager ,next how and where should I modify to get this little icon on my images.Please advice,I am not an expert in coding:)thanks


<?php
/**
* @package HikaShop for Joomla!
* @version 1.5.6
* @author hikashop.com
* @copyright (C) 2010-2012 HIKARI SOFTWARE. All rights reserved.
* @license GNU/GPLv3 www.gnu.org/licenses/gpl-3.0.html
*/
defined('_JEXEC') or die('Restricted access');
?>
<div id="hikashop_product_image_main" >
<div id="hikashop_main_image_div" class="hikashop_main_image_div">
<?php
if(!empty ($this->element->images)){
$image = reset($this->element->images);
}
$height = $this->config->get('product_image_y',$this->config->get('thumbnail_y'));
$width = $this->config->get('product_image_x',$this->config->get('thumbnail_x'));
if (!$this->config->get('thumbnail')) {
if(!empty ($this->element->images)){
echo '<img src="' . $this->image->uploadFolder_url . $image->file_path . '" alt="' . $image->file_name . '" id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle" />';
}
} else {
$style = '';
if (!empty ($this->element->images) && count($this->element->images) > 1) {
if (!empty ($height)) {
$style = ' style="height:' . ($height +5) . 'px;"';
}
}
?>
<div class="hikashop_product_main_image_thumb" id="hikashop_main_image_thumb_div" <?php echo $style;?> >
<?php echo $this->image->display(@$image->file_path,true,@$image->file_name,'id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link"', $width, $height); ?>
</div>
<?php
}
?>
</div>
<div id="hikashop_small_image_div" class="hikashop_small_image_div">
<?php
if (!empty ($this->element->images) && count($this->element->images) > 1) {
foreach ($this->element->images as $image) {
echo $this->image->display($image->file_path, 'hikashop_main_image', $image->file_name, 'class="hikashop_child_image"','', $width, $height);
}
}
?>
</div>
</div>

Just as information:I asked "Art Zoom In" team if the extension is compatible with Hikashop,the answer was that the extension has flypage file for Hikashop included into package to be placed to com_hikashop\views\product\tmpl folder.

Hi,

I don't want to mess up with the codes.I saved a small magnifier icon in my media manager but don't know how to place it on all products' images can you help with that if I give you an access to the backend?

Thanks a lot for your help

Hi,

The icon link is icon.png saved in my images folder (file manager)

and the product page:


<?php
/**
* @package HikaShop for Joomla!
* @version 1.5.7
* @author hikashop.com
* @copyright (C) 2010-2012 HIKARI SOFTWARE. All rights reserved.
* @license GNU/GPLv3 www.gnu.org/licenses/gpl-3.0.html
*/
defined('_JEXEC') or die('Restricted access');
?>
<div style="float:right">
<a class="modal" rel="{handler: 'iframe', size: {x: 560, y: 180}}" href="<?php echo hikashop_completeLink("product&task=selectimage&product_id=".@$this->element->product_id,true ); ?>">
<button type="button" onclick="return false">
<img src="<?php echo HIKASHOP_IMAGES; ?>add.png"/><?php echo JText::_('ADD');?>
</button>
</a>
</div>
<br/>
<table class="adminlist" cellpadding="1">
<thead>
<tr>
<th class="title"><?php
echo JText::_('HIKA_EDIT');
?></th>
<th class="title"><?php
echo JText::_('HIKA_IMAGE');
?></th>
<th class="title"><?php
echo JText::_('HIKA_NAME');
?></th>
<th class="title"><?php
echo JText::_('ORDER');
?></th>
<th class="title"><?php
echo JText::_('HIKA_DELETE');
?></th>
<th class="title"><?php
echo JText::_('ID');
?></th>
</tr>
</thead>
<tbody id="image_listing">
<?php
if(!empty($this->element->images)){
$k = 0;
for($i = 0,$a = count($this->element->images);$i<$a;$i++){
$row =& $this->element->images[$i];
$id=rand();
?>
<tr class="<?php echo "row$k"; ?>" id="image_<?php echo $row->file_id.'_'.$id;?>">
<td>
<a class="modal" rel="{handler: 'iframe', size: {x: 560, y: 180}}" href="<?php echo hikashop_completeLink("product&task=selectimage&cid=".$row->file_id."&product_id=".@$this->element->product_id.'&id='.$id,true ); ?>">
<img src="<?php echo HIKASHOP_IMAGES; ?>edit.png"/>
</a>
</td>
<td class="hikashop_product_image_thumbnail">
<?php echo $this->image->display($row->file_path,true,"",'','', 100, 100); ?>
</td>
<td>
<?php echo $row->file_name; ?>
</td>
<td><input type="text" size="5" value="<?php echo $row->file_ordering;?>" name="imageorder[<?php echo $row->file_id;?>]" class="text_area" style="text-align:center"/></td>
<td width="1%" align="center">
<a href="#" onclick="return deleteRow('image_div_<?php echo $row->file_id.'_'.$id;?>','image[<?php echo $row->file_id;?>][<?php echo $id;?>]','image_<?php echo $row->file_id.'_'.$id;?>');"><img src="<?php echo HIKASHOP_IMAGES; ?>delete.png"/></a>
</td>
<td width="1%" align="center">
<?php echo $row->file_id; ?>
<div id="image_div_<?php echo $row->file_id.'_'.$id;?>">
<input type="hidden" name="image[<?php echo $row->file_id;?>]" id="image[<?php echo $row->file_id;?>][<?php echo $id;?>]" value="<?php echo $row->file_id;?>"/>
</div>
</td>
</tr>
<?php
$k = 1-$k;
}
}
?>
</tbody>
</table>

thank u I find a code that can work I will try it and get back to you if it doesn't work.

Another question I don't get the dropdown menu although it show in my template but not showing on my site,any hint?

Sorry to bother you Nicolas.I forget to create menus for my subcategories that's why they don't show up.Just forget about it and thank you so much.

Hiya, following up on this tread I would like something similar to show the thumbnails blow up, have you any plans to include this in a future release?

thanks

Yeah sorry I'll expand a little, I am aware the pictures zoom on click but the punters do not seem to realise this, I was thinking more along the lines of a icon (magnifier)that would display either under the first thumbnail or non the thumbnail, it this possible?

thanks

wow... that's mint
thanks