Ticket #255 - Studio -> Market App -> View Product issue.

studio/js/store.js

@@ -261,7 +261,7 @@ BxDolStudioStore.prototype.initScreenshots = function(iCount) {
 		speedIn: 600,
 		speedOut: 200
 	});
-	if(iCount <= 4)
+	if(iCount <= 2)
 		return;
 
 	$(".bx-std-pvs-left").bind('click', function() {

studio/template/css/store.css

@@ -269,6 +269,7 @@ div.bx-std-pv-screenshots {
 div.bx-std-pvs-cnt {
 	position: relative;
 	padding: 3px;
+	white-space: nowrap;
 }
 div.bx-std-pvs-left,
 div.bx-std-pvs-right {
@@ -282,12 +283,12 @@ div.bx-std-pvs-right {
 	border-radius:15px;
 	-moz-border-radius:15px;
 	-webkit-border-radius:15px;
-	line-height: 0.92em;
+	line-height: 50px;
 	font-size: 70px;
 	cursor: pointer; 
 }
 div.bx-std-pvs-left {
-	left: 15px;
+	left: 0.5rem;
 	text-align: left;
 }
 div.bx-std-pvs-left i.sys-icon {
@@ -295,28 +296,33 @@ div.bx-std-pvs-left i.sys-icon {
 	opacity: 0.5;
 }
 div.bx-std-pvs-right {
-	right: 15px;
+	right: 0.5rem;
 	text-align: right;
 }
 div.bx-std-pvs-right i.sys-icon {
 	margin-right: 10px;
 	opacity: 0.5;
 }
-div.bx-std-pvs-item {
-	position: relative;	
-	float: left;
+div.bx-std-pvs-item,
+div.bx-std-pvs-item img {
 	width: 202px;
     height: 202px;
-	line-height: 240px;
-	
+}
+div.bx-std-pvs-item {
+	position: relative;	
+	display: inline-block;
+	vertical-align: top;
+
 	background-position: center center;
 	background-repeat: no-repeat;
+	background-size: cover;
 	background-color: #ffffff;
 
 	-webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.3);
     -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.3);
     box-shadow: 0 0 3px rgba(51, 51, 51, 0.3);
 
+	line-height: 240px;
 	text-align: center;
 	overflow: hidden;
 }

studio/template/str_product_view.html

@@ -1,18 +1,15 @@
 <div class="bx-std-product-view">
 	<bx_if:show_screenshots>
-		<div class="bx-std-pv-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">
-			        		<img src="<bx_image_url:spacer.gif />" />
-			        	</a>
+						<a href="__view_url__" rel="group" tsrget="_blank"><img src="<bx_image_url:spacer.gif />" /></a>
 			        </div>
 				</bx_repeat:screenshots>
-				<div class="clear">&#160;</div>
 			</div>
 			<div class="bx-std-pvs-right">
 				<i class="sys-icon caret-right"></i>