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
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.
did you check it?
i managed to somehow solve it but
why do i get so many errors specificaly in this product?
http://joma.gr/index.php/andrika/r-carrera-men-703-navy-blue
οκ i solved it thank you
hi now i have another problem
when i click the cart button it doesnt give me a pop up window that says the products i have as is in the demo
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.
Is it also possible in catalogue to press a filter button and show like the responsive menu?
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.
could you please tell me what kind of wrongs i did so i can learn?
also about the filter button
also on product page in responsive i cant see the other images
why is that?
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.
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?
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.
The code is actually the same as you have for elevatezoom in ubertheme
https://www.ubertheme.com/docs/add-cloudzoom-magento-details/
When i select other pic from thumbnails then the zoom applies again on first image
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.
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
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.
i would like to have in productslider all products not just 8 or 10 how can i do that?
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.