more prettyPhoto

frankiejarrett · Jan 31, 2013 · ac70b46 · ac70b46
1 parent a41d297
commit ac70b46
Show file tree

Hide file tree

Showing 10 changed files with 19 additions and 29 deletions.
diff --git a/assets/css/mixins.less b/assets/css/mixins.less
@@ -1,3 +1,5 @@
+@woocommerce: #ad74a2;
+
 .clearfix() {
 	&:after {
 		content:"";

diff --git a/assets/css/prettyPhoto.css b/assets/css/prettyPhoto.css
diff --git a/assets/css/prettyPhoto.less b/assets/css/prettyPhoto.less
@@ -2,27 +2,13 @@
 
 // Functions
 .button() {
-	.vertical_gradient(#eee,#ccc);
 	.border_radius(100%);
-	border:1px solid #999;
+	background: #666;
 	height:16px;
 	width:16px;
-	color: #555;
-	text-shadow:0 1px 0 rgba(255,255,255,0.9);
-	font-family: verdana;
-	font-size: 16px;
-	-webkit-box-shadow:
-		inset 0 1px rgba(255,255,255,0.9),
-		inset 0 -1px rgba(0,0,0,0.075),
-		0 1px 2px rgba(0,0,0,0.1);
+	color: #fff;
 	&:hover {
-		color: #000;
-		.vertical_gradient(#fefefe,#ccc);
-	}
-	&:active {
-		.vertical_gradient(#ccc,#fefefe);
-		-webkit-box-shadow:
-			inset 0 1px 2px rgba(0,0,0,0.1);
+		background: #000;
 	}
 }
 
@@ -125,7 +111,7 @@ div.pp_woocommerce {
 			bottom:0;
 			text-align: center;
 			text-indent: 0;
-			line-height: 1.15;
+			line-height: 1.45;
 		}
 	}
 	// Buttons
@@ -172,7 +158,7 @@ div.pp_woocommerce {
 			bottom:0;
 			text-align: center;
 			text-indent: 0;
-			line-height: .9;
+			line-height:1;
 			font-size:19px;
 		}
 	}
@@ -193,7 +179,7 @@ div.pp_woocommerce {
 	div.pp_pic_holder a:focus { outline:none; }
 
 	div.pp_overlay {
-		background: #000;
+		background: #fff;
 		display: none;
 		left: 0;
 		position: absolute;

diff --git a/assets/js/frontend/single-product.js b/assets/js/frontend/single-product.js
@@ -28,7 +28,7 @@ jQuery(document).ready(function($) {
 	// Star ratings for comments
 	$('#rating').hide().before('<p class="stars"><span><a class="star-1" href="#">1</a><a class="star-2" href="#">2</a><a class="star-3" href="#">3</a><a class="star-4" href="#">4</a><a class="star-5" href="#">5</a></span></p>');
 
-	$('p.stars a').click(function(){
+	$('p.stars a').live( 'click', function(){
 		var $star = $(this);
 		$('#rating').val( $star.text() );
 		$('p.stars a').removeClass('active');

diff --git a/assets/js/frontend/single-product.min.js b/assets/js/frontend/single-product.min.js
diff --git a/assets/js/prettyPhoto/jquery.prettyPhoto.init.js b/assets/js/prettyPhoto/jquery.prettyPhoto.init.js
@@ -11,11 +11,13 @@ $(document).ready(function() {
 	});
 	$("a.show_review_form").prettyPhoto({
 		social_tools: false,
-		theme: 'pp_woocommerce'
+		theme: 'pp_woocommerce',
+		opacity: 1
 	});
 	$("a[rel^='prettyPhoto']").prettyPhoto({
 		social_tools: false,
-		theme: 'pp_woocommerce'
+		theme: 'pp_woocommerce',
+		opacity: 1
 	});
 
 	// Open review form lightbox if accessed via anchor

diff --git a/assets/js/prettyPhoto/jquery.prettyPhoto.init.min.js b/assets/js/prettyPhoto/jquery.prettyPhoto.init.min.js
diff --git a/templates/single-product-reviews.php b/templates/single-product-reviews.php
@@ -75,7 +75,7 @@
 			</div>
 		<?php endif;
 
-		echo '<p class="add_review"><a href="#review_form" class="inline show_review_form button">'.__( 'Add Review', 'woocommerce' ).'</a></p>';
+		echo '<p class="add_review"><a href="#review_form" class="inline show_review_form button" rel="prettyPhoto">'.__( 'Add Review', 'woocommerce' ).'</a></p>';
 
 		$title_reply = __( 'Add a review', 'woocommerce' );
 

diff --git a/templates/single-product/product-image.php b/templates/single-product/product-image.php
@@ -16,7 +16,7 @@
 
 	<?php if ( has_post_thumbnail() ) : ?>
 
-		<a itemprop="image" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>" rel="thumbnails prettyPhoto[product-gallery]" title="<?php echo get_the_title( get_post_thumbnail_id() ); ?>"><?php echo get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) ) ?></a>
+		<a itemprop="image" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>" rel="prettyPhoto[product-gallery]" title="<?php echo get_the_title( get_post_thumbnail_id() ); ?>"><?php echo get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) ) ?></a>
 
 	<?php else : ?>
 

diff --git a/templates/single-product/product-thumbnails.php b/templates/single-product/product-thumbnails.php
@@ -35,7 +35,7 @@
 			if ( ! $attachment_url )
 				continue;
 
-			printf( '<a href="%s" title="%s" rel="thumbnails prettyPhoto[product-gallery]" class="%s">%s</a>', esc_attr( $attachment_url ), esc_attr( get_the_title( $id ) ), implode( ' ', $classes ), wp_get_attachment_image( $id, apply_filters( 'single_product_small_thumbnail_size', 'shop_thumbnail' ) ) );
+			printf( '<a href="%s" title="%s" rel="prettyPhoto[product-gallery]" class="%s">%s</a>', esc_attr( $attachment_url ), esc_attr( get_the_title( $id ) ), implode( ' ', $classes ), wp_get_attachment_image( $id, apply_filters( 'single_product_small_thumbnail_size', 'shop_thumbnail' ) ) );
 
 			$loop++;
 		}