Product images and gallery

Hello i recently bought the sporty theme.
In product page the images do not zoom or show up like a gallery image.. is there a way to achive this? 
 
Thank you
 
site:joma.gr

19 answers

Profile photo of Ziven Staff 100280.00 $tone March 7, 2017
Public

Hi There,
I have checked via dev and demo site still working fine. It seems you lost something when upgrade and install.
Please PM me your site’s URL, admin and FTP credentials, I’ll detect the root of the issue for troubleshooting.
Best Regards,
Ziven.

#1
Profile photo of Ziven Staff 100280.00 $tone March 9, 2017
Public

Hi Nikos,
Sorry for about delay the message. Still same as a problem like from begin. Please give me more time for this issue. I will get back to you when it has been resolved.
Best Regards,
Ziven.

#6
Profile photo of Ziven Staff 100280.00 $tone March 10, 2017
Public

Hi There,
All issue you report has been resolved. I checked code and see you did many wrongs in the theme. 
About “Is it also possible in catalogue to press a filter button and show like the responsive menu?”
I’m not sure what exactly you want to in here.
Best Regards,
Ziven.

#8
Profile photo of Ziven Staff 100280.00 $tone March 13, 2017
Public

Hi Nikos,
#Is it also possible in the catalogue to press a filter button and show like the responsive menu?.
--> It needs to customized. We are sorry can’t help you with this task. It out of support from us. Please go to freelancer and hire someone to do it. 
#also on the product page in responsive I can’t see the other images why is that?
--> I still see it working http://prntscr.com/ej870o
Hope it will help you.
 
Best Regards,
Ziven.

#11
Profile photo of Nikos Bizas 320.00 $tone March 14, 2017
Public

ok thank you
i have another question 
 
<?php
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/**
* Product media data template
*
* @see Mage_Catalog_Block_Product_View_Media
*/
?>
<?php

$_product = $this->getProduct();
$_helper = $this->helper(‘catalog/output’);
global $tmpTools;
$baseconfig = Mage::helper(“jmbasetheme”)->getactiveprofile();

if ($baseconfig) :
$productlimagewidth = $baseconfig[“productlimagewidth”];
$productlimageheight = $baseconfig[“productlimageheight”];
else :
$productlimagewidth = 775;
$productlimageheight = 440;
endif;
?>
<script type=”text/javascript”>
jQuery(document).ready(function($){
//Examples of how to assign the ColorBox event to elements
$(“a[rel=’ja-colorbox’]”).colorbox({});
});
function changeImage(object,ahref)
{

$(‘image’).src = object.href;
jQuery(“a[rel=’ja-colorbox’]”).attr(“href”,ahref);
return false;
}
</script>
<?php // if ($_product->getImage() != ‘no_selection’ && $_product->getImage()): ?>
<?php $galleryImages= $_product->getMediaGalleryImages();?>

<p class=”product-image product-image-zoom img-desktop” style=”<?php echo ‘width:’.$productlimagewidth.’px; height:’.$productlimageheight.’px;’; ?>”>

<?php

$main_image_name= strrchr($_product->getImage(), ‘/’);

if (count($galleryImages)>0){

foreach ($galleryImages as $_image){

$thumb_image_name= strrchr($_image->getFile(), ‘/’);

if($main_image_name == $thumb_image_name){

$mainImageUrl = $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize($productlimagewidth, $productlimageheight);

$_img = ‘<img id=”image” src=”‘ . $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize ( $productlimagewidth, $productlimageheight ) . ‘” data-zoom-image=”‘ . $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize (1000,1000 ) . ‘” alt=”‘ . $this->htmlEscape ( $this->getImageLabel () ) . ‘” title=”‘ . $this->htmlEscape ( $this->getImageLabel () ) . ‘” />’;

break;

}

}

}

if (!isset($_img)):

$mainImageUrl = $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize($productlimagewidth, $productlimageheight);

$_img = ‘<img id=”image” src=”‘ . Mage::getModel(‘catalog/product’)->getImageUrl($productlimagewidth, $productlimageheight) . ‘” data-zoom-image=”‘ . $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize ( 1000, 1000 ) . ‘” alt=”‘ . $this->htmlEscape ( $this->getImageLabel () ) . ‘” title=”‘ . $this->htmlEscape ( $this->getImageLabel () ) . ‘” />’;

echo $_helper->productAttribute ( $_product, $_img, ‘image’ );

else:

echo $_img;

endif;

?>

</p>
<?php if (count($galleryImages) > 0): ?>
<div class=”jm-product-lemmon”>
<div class=”more-views”>
<ul>
<?php
$main_image_name = strrchr($mainImageUrl, ‘/’);
$start = $i = 0;
?>
<?php
$magentoVersion = Mage::getVersion();
if (version_compare($magentoVersion, ‘1.9.1.0’, ‘>=’)): ?>
<!-- version is 1.9.1.0 or greater-->
<?php foreach ($galleryImages as $_image): ?>
<?php if ($this->isGalleryImageVisible($_image)): ?>
<?php
$thumb_image_name = strrchr($_image->getFile(), ‘/’);
if ($thumb_image_name == $main_image_name)
$start = $i;
?>
<li class=””>
<a href=”<?php echo $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize ( $productlimagewidth, $productlimageheight ); ?>”
title=”<?php echo $_product->getName();?>”
onclick=”return false;”> <!-- The below should remain the same as before -->
<i class=”fa fa-caret-up”></i>
<img
src=”<?php echo $this->helper(‘catalog/image’)->init($this->getProduct(), ‘thumbnail’, $_image->getFile())->keepAspectRatio(true)->resize(87, 58); ?>”
alt=”<?php echo $this->htmlEscape($_image->getLabel()) ?>”
title=”<?php echo $this->htmlEscape($_image->getLabel()) ?>” />
</a>
</li>
<?php $i++; endif; ?>
<?php endforeach; ?>
<?php else: ?>
<!--version is below 1.9.1.0-->
<?php foreach ($galleryImages as $_image): ?>
<?php
$thumb_image_name = strrchr($_image->getFile(), ‘/’);
if ($thumb_image_name == $main_image_name)
$start = $i;
?>
<li class=””>
<a href=”<?php echo $this->helper(‘catalog/image’)->init($this->getProduct(), ‘image’, $_image->getFile())->resize ( $productlimagewidth, $productlimageheight ); ?>”
title=”<?php echo $_product->getName();?>”
onclick=”return false;”> <!-- The below should remain the same as before -->
<i class=”fa fa-caret-up”></i>
<img
src=”<?php echo $this->helper(‘catalog/image’)->init($this->getProduct(), ‘thumbnail’, $_image->getFile())->keepAspectRatio(true)->resize(87, 58); ?>”
alt=”<?php echo $this->htmlEscape($_image->getLabel()) ?>”
title=”<?php echo $this->htmlEscape($_image->getLabel()) ?>” />
</a>
</li>
<?php $i++; endforeach; ?>
<?php endif; ?>

</ul>

<script type=”text/javascript” src=”<?php echo $this->getSkinUrl(‘js/jquery.elevatezoom.js’);?>”></script>
<script type=”text/javascript”>// <![CDATA[

(function($) {

$(“#image”).elevateZoom({

scrollZoom : false,

borderColour : “#eee”,

tintColour : “#eee”,

zoomWindowWidth : 450,

zoomWindowHeight : 450,

});

})(jQuery);

// ]]>

</script>

<script type=”text/javascript” src=”<?php echo $this->getSkinUrl(‘js/easy-slider.js’);?>”></script>
<script type=”text/javascript”>
// <![CDATA[
(function($){
$(document).ready(function($){
$(“.more-views”).easySlider({
mainImg: “p.product-image-zoom img”,
btnNext: “.jm-product-lemmon .next”,
btnPrev: “.jm-product-lemmon .prev”,
animate: true,
loop: true,
speed: 300,
width: 100,
width_img: 78,
start: <?php echo $start?>
});
});
})(jQuery);
// ]]>
</script>
</div>
</div>
<?php echo $this->getChildHtml(‘after’); ?>
<?php endif; ?>

 
When i switch image i get the first one again as zoom 
can you help me?

#12
Profile photo of Ziven Staff 100280.00 $tone March 15, 2017
Public

Hi There,
We sorry can’t help you this task. This code seems you customized and it not ready via the Theme. Please go to freelancer and hire someone to make it. 
Hope you understand.
Best Regards,
Ziven.

#13
Profile photo of Ziven Staff 100280.00 $tone March 15, 2017
Public

Hi There,
Like answered from above. We do not support all task-customized from a client. Please go to see someone to make it or you can hire a freelancer.
Hope you understand.
Best Regards,
Ziven.

#15
Profile photo of Nikos Bizas 320.00 $tone March 30, 2017
Public

hello again we are about to launch the site

when i click to a category lets say Ανδρικά
i get the navigation and products 
however some products lack the image and it doesnt show anything
this was working till today. can you help me fix it?
 
thank you

#16
Profile photo of Ziven Staff 100280.00 $tone March 31, 2017
Public

Hi Nikos,
Because you did not choice products image like this http://prntscr.com/eqkhh4. That why the product image not show. Please check all product you see the missing image. Remember please check Simple product type via Configurable Product.
Best Regards,
Ziven.

#17
Profile photo of Ziven Staff 100280.00 $tone April 3, 2017
Public

Hi There,
Please go to admin -> JoomlArt -> JM ProductsSlider and change this value like you want to show the product. http://prntscr.com/erpy9j
Please let me know if you need help further.
Best Regards,
Ziven.

#19

Please login or Register to Submit Answer

Written By

Comments