Ticket #3362 - for both Market and Studio -> MarketApps.

modules/boonex/market/js/entry.js

@@ -104,6 +104,7 @@ BxMarketEntry.prototype.initScreenshots = function() {
 	var bBusy = false;
 
 	oItems.find('a[rel=group]').fancybox({
+            type: 'image',
             transitionIn: 'elastic',
             transitionOut: 'elastic',
             speedIn: 600,

studio/js/store.js

@@ -270,13 +270,14 @@ BxDolStudioStore.prototype.initScreenshots = function(iCount) {
 	var bBusy = false;
 
 	$(".bx-std-pv-screenshots a[rel=group]").fancybox({
-		transitionIn: 'elastic',
-		transitionOut: 'elastic',
-		speedIn: 600,
-		speedOut: 200
+            type: 'image',
+            transitionIn: 'elastic',
+            transitionOut: 'elastic',
+            speedIn: 600,
+            speedOut: 200
 	});
 	if(iCount <= 2)
-		return;
+            return;
 
 	$(".bx-std-pvs-left").bind('click', function() {
 		if(bBusy || parseInt($(".bx-std-pvs-cnt").css('left')) >= 0)

studio/template/scripts/BxBaseStudioStore.php

@@ -19,7 +19,7 @@ class BxBaseStudioStore extends BxDolStudioStore
 
     function getPageCss()
     {
-        return array_merge(parent::getPageCss(), array('module.css', 'store.css', 'store-media-tablet.css', 'store-media-desktop.css'));
+        return array_merge(parent::getPageCss(), array(BX_DIRECTORY_PATH_PLUGINS_PUBLIC . 'fancybox/|jquery.fancybox.css', 'module.css', 'store.css', 'store-media-tablet.css', 'store-media-desktop.css'));
     }
 
     function getPageJs()

studio/template/str_product_view.html

@@ -1,20 +1,20 @@
 <div class="bx-std-product-view">
 	<bx_if:show_screenshots>
-		<div class="bx-std-pv-screenshots bx-def-margin-bottom">
-			<div class="bx-std-pvs-left">
-				<i class="sys-icon caret-left"></i>
-			</div>
-			<div class="bx-std-pvs-cnt" style="width:__width__px">
-				<bx_repeat:screenshots>
-					<div class="bx-std-pvs-item bx-def-margin-left-auto" style="background-image:url('__image_url__');">
-						<a href="__view_url__" rel="group" tsrget="_blank"><img src="<bx_image_url:spacer.gif />" /></a>
-			        </div>
-				</bx_repeat:screenshots>
-			</div>
-			<div class="bx-std-pvs-right">
-				<i class="sys-icon caret-right"></i>
-			</div>
-		</div>
+            <div class="bx-std-pv-screenshots bx-def-margin-bottom">
+                <div class="bx-std-pvs-left">
+                    <i class="sys-icon caret-left"></i>
+                </div>
+                <div class="bx-std-pvs-cnt" style="width:__width__px">
+                    <bx_repeat:screenshots>
+                        <div class="bx-std-pvs-item bx-def-margin-left-auto" style="background-image:url('__image_url__');">
+                            <a href="__image_url__" rel="group" tsrget="_blank"><img src="<bx_image_url:spacer.gif />" /></a>
+                        </div>
+                    </bx_repeat:screenshots>
+                </div>
+                <div class="bx-std-pvs-right">
+                    <i class="sys-icon caret-right"></i>
+                </div>
+            </div>
 	</bx_if:show_screenshots>
 	<div class="bx-std-pv-line">
         <bx_if:show_rate>__rate__</bx_if:show_rate>