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

Hi,

1. Indeed, there is no icon there.We didn't think about that. You can always edit the file "show_block_img via the menu Display->Views and add some text/icon to tell the users that they can see the full image by clicking on the thumbnail.

2. That extension doesn't seem to be compatible with HikaShop. You should ask them. I'm sure other users would be interested in such extension being compatible with HikaShop.

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,

You can add your text after the code
Ok that's good to know. On the Joomla Extension Directory, they don't talk about HikaShop at all in the description of the extension so I thought that it meant that it was not the case:
extensions.joomla.org/extensions/photos-...mage-magnifier/12758
Hopefully, they can update the description in the future.

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

Just give a link to the product page and to the icon and we should be able to tell you what to do.

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>

I didn't ask for the code of the product page (don't worry we have that on our end) but a link to that page on your website.
For your image, so the link is mywebsite.com/images/icon.png ?

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?

What dropdown menu ? Could you to a screenshot of your dropdown menu configuration ?

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

The thumbnails blow up ? Like Kaboom ? We surely don't have any plans to have thumbnail bombs.

More seriously, regarding zooming capability, as there are already solutions to use with HikaShop in order to do that, we are first focusing on other areas, but we don't exclude to come to it in the long term.

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

That is possible yes.
Previously, you would have had to do it with CSS.
Now, you can just create badge for your images.

wow... that's mint
thanks