css class name consistency #2086

assets/css/woocommerce.less

@@ -8,7 +8,7 @@
 
 /* =Global styles/layout
 -------------------------------------------------------------- */
-.woocommerce_message, .woocommerce_error, .woocommerce_info {
+.woocommerce-message, .woocommerce-error, .woocommerce-info {
 	padding: .55em 1em .55em 3em;
 	margin: 0 0 2em;
 	position: relative;
@@ -42,13 +42,13 @@
 	}
 }
 
-.woocommerce_message:before {
+.woocommerce-message:before {
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAAN0lEQVQIHXWMQQ4AMAjCxv7/ZxZIanbYPIhSUbbXo2Jqf0BsA4mjgU1ioAVpSSrDVbPzFgPt7QH7qwoJ3MDCYgAAAABJRU5ErkJggg==) center no-repeat #8fae1b; /* check icon */
 }
-.woocommerce_info:before {
+.woocommerce-info:before {
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAG0lEQVQIHWP8DwQMQMACxIwwBliECcQDATgDAMHrBQqJ6tMZAAAAAElFTkSuQmCC) center no-repeat #18919c; /* info icon */
 }
-.woocommerce_error:before {
+.woocommerce-error:before {
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAHUlEQVQIHWP8DwQMQMAEIkAAzmABchhBIiAGWA0Ar6MFCigWCYMAAAAASUVORK5CYII=) center no-repeat #b81c23; /* error icon */
 }
 
@@ -85,7 +85,7 @@ p.demo_store {
 		margin-top: 10px;
 	}
 
-	.wc-breadcrumb{
+	.woocommerce-breadcrumb{
 		.clearfix();
 		margin: 0 0 1em;
 		padding: 0;
@@ -204,7 +204,7 @@ p.demo_store {
 		}
 
 		/* Tabs on the product page */
-		.woocommerce_tabs {
+		.woocommerce-tabs {
 			clear:both;
 
 			ul.tabs {
@@ -481,18 +481,18 @@ p.demo_store {
 		}
 	}
 
-	.woocommerce_result_count {
+	.woocommerce-result-count {
 		float: left;
 		margin: 0 0 1em;
 	}
-	.woocommerce_ordering {
+	.woocommerce-ordering {
 		margin: 0 0 1em;
 		float: right;
 		select {
 			vertical-align: top;
 		}
 	}
-	nav.woocommerce_pagination, #content nav.woocommerce_pagination {
+	nav.woocommerce-pagination, #content nav.woocommerce-pagination {
 		text-align: center;
 		ul {
 			display: inline-block;
@@ -1234,14 +1234,14 @@ p.demo_store {
 				-webkit-box-shadow:none;
 				box-shadow:none;
 			}
-			&.wc-validated {
+			&.woocommerce-validated {
 				input.input-text {
 					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAVElEQVQYV2NkIAIw4lNz5syZ/yB5nIpgCkxMTBixKkJWgNUkdAVgRciC2BSAFe3evfu/oKAg3P3v379ncHV1RXEGmIOsEORQdB/DBUAKQZLopoDEAE3dJm1YbTYqAAAAAElFTkSuQmCC);
 					background-position: 95% center;
 					background-repeat: no-repeat;
 				}
 			}
-			&.wc-error {
+			&.woocommerce-invalid {
 				input.input-text {
 					background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAZUlEQVQYV2NkQAO/6zv+szZWMCILo3BAChjfvgPLs0zpgsthKAKZ8ien7D9WRSBTQCbAFCGbBjeJoCKYAoRJpUBTIfpB1oJZyIpgDmdgANnOCFGEUAARRHYTLBjAPkGECUQhOgAAec48xMU9V4oAAAAASUVORK5CYII=);
 					background-position: 95% center;

assets/js/frontend/checkout.js

@@ -170,7 +170,7 @@ jQuery(document).ready(function($) {
 
 		if ( $parent.is( '.validate-required' ) ) {
 			if ( $this.val() == '' ) {
-				$parent.removeClass( 'wc-validated' ).addClass( 'wc-error wc-error-required-field' );
+				$parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-required-field' );
 				validated = false;
 			}
 		}
@@ -182,14 +182,14 @@ jQuery(document).ready(function($) {
 				var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
 
 				if ( ! pattern.test( $this.val()  ) ) {
-					$parent.removeClass( 'wc-validated' ).addClass( 'wc-error wc-error-email' );
+					$parent.removeClass( 'woocommerce-validated' ).addClass( 'woocommerce-invalid woocommerce-invalid-email' );
 					validated = false;
 				}
 			}
 		}
 
 		if ( validated ) {
-			$parent.removeClass( 'wc-error wc-error-required-field' ).addClass( 'wc-validated' );
+			$parent.removeClass( 'woocommerce-invalid woocommerce-invalid-required-field' ).addClass( 'woocommerce-validated' );
 		}
 	} )
 
@@ -231,7 +231,7 @@ jQuery(document).ready(function($) {
 
 							} else if (result.result=='failure') {
 
-								$('.woocommerce_error, .woocommerce_message').remove();
+								$('.woocommerce-error, .woocommerce-message').remove();
 								$form.prepend( result.messages );
 								$form.removeClass('processing').unblock();
 								$form.find( '.input-text, select' ).blur();
@@ -247,7 +247,7 @@ jQuery(document).ready(function($) {
 							}
 						}
 						catch(err) {
-							$('.woocommerce_error, .woocommerce_message').remove();
+							$('.woocommerce-error, .woocommerce-message').remove();
 						  	$form.prepend( code );
 							$form.removeClass('processing').unblock();
 							$form.find( '.input-text, select' ).blur();
@@ -287,7 +287,7 @@ jQuery(document).ready(function($) {
 			url: 		woocommerce_params.ajax_url,
 			data: 		data,
 			success: 	function( code ) {
-				$('.woocommerce_error, .woocommerce_message').remove();
+				$('.woocommerce-error, .woocommerce-message').remove();
 				$form.removeClass('processing').unblock();
 
 				if ( code ) {

assets/js/frontend/single-product.js

@@ -1,12 +1,12 @@
 jQuery(document).ready(function($) {
 
 	// Tabs
-	$('.woocommerce_tabs .panel').hide();
+	$('.woocommerce-tabs .panel').hide();
 
-	$('.woocommerce_tabs ul.tabs li a').click(function(){
+	$('.woocommerce-tabs ul.tabs li a').click(function(){
 
 		var $tab = $(this);
-		var $tabs_wrapper = $tab.closest('.woocommerce_tabs');
+		var $tabs_wrapper = $tab.closest('.woocommerce-tabs');
 
 		$('ul.tabs li', $tabs_wrapper).removeClass('active');
 		$('div.panel', $tabs_wrapper).hide();
@@ -16,7 +16,7 @@ jQuery(document).ready(function($) {
 		return false;
 	});
 
-	$('.woocommerce_tabs').each(function() {
+	$('.woocommerce-tabs').each(function() {
 		var hash = window.location.hash;
 		if (hash.toLowerCase().indexOf("comment-") >= 0) {
 			$('ul.tabs li.reviews_tab a', $(this)).click();

assets/js/frontend/single-product.min.js

@@ -1 +1 @@
-jQuery(document).ready(function(e){e(".woocommerce_tabs .panel").hide();e(".woocommerce_tabs ul.tabs li a").click(function(){var t=e(this),n=t.closest(".woocommerce_tabs");e("ul.tabs li",n).removeClass("active");e("div.panel",n).hide();e("div"+t.attr("href")).show();t.parent().addClass("active");return!1});e(".woocommerce_tabs").each(function(){var t=window.location.hash;t.toLowerCase().indexOf("comment-")>=0?e("ul.tabs li.reviews_tab a",e(this)).click():e("ul.tabs li:first a",e(this)).click()});e("#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>');e("p.stars a").click(function(){var t=e(this);e("#rating").val(t.text());e("p.stars a").removeClass("active");t.addClass("active");return!1});e("#review_form").on("click","#submit",function(){var t=e("#rating").val();if(e("#rating").size()>0&&!t&&woocommerce_params.review_rating_required=="yes"){alert(woocommerce_params.i18n_required_rating_text);return!1}});e("form.cart").submit(function(){e(this).find(":submit").attr("disabled","disabled")})});
+jQuery(document).ready(function(e){e(".woocommerce-tabs .panel").hide();e(".woocommerce-tabs ul.tabs li a").click(function(){var t=e(this),n=t.closest(".woocommerce-tabs");e("ul.tabs li",n).removeClass("active");e("div.panel",n).hide();e("div"+t.attr("href")).show();t.parent().addClass("active");return!1});e(".woocommerce-tabs").each(function(){var t=window.location.hash;t.toLowerCase().indexOf("comment-")>=0?e("ul.tabs li.reviews_tab a",e(this)).click():e("ul.tabs li:first a",e(this)).click()});e("#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>');e("p.stars a").click(function(){var t=e(this);e("#rating").val(t.text());e("p.stars a").removeClass("active");t.addClass("active");return!1});e("#review_form").on("click","#submit",function(){var t=e("#rating").val();if(e("#rating").size()>0&&!t&&woocommerce_params.review_rating_required=="yes"){alert(woocommerce_params.i18n_required_rating_text);return!1}});e("form.cart").submit(function(){e(this).find(":submit").attr("disabled","disabled")})});

readme.txt

@@ -200,6 +200,7 @@ Yes you can! Join in on our [GitHub repository](http://github.com/woothemes/wooc
 * Templating - woocommerce_page_title function for archive titles.
 * Templating - CSS namespacing changes (courtesy of Brian Feister).
 * Templating - My account page broken up into template files (by Brian Richards)
+* Templating - CSS classes standardised. Instances of '.woocommerce_' & '.wc-' replaced with '.woocommerce-'
 * Tweak - Optimised class loading (autoload). Reduced memory consumption.
 * Tweak - Moved shortcodes and widgets to classes.
 * Tweak - Tweaks to gateways API. Must use WC-WPI for IPN requests (classes will only be init when needed).
@@ -1172,7 +1173,7 @@ The biggest change is that we're redone order item storage making them easier (a
 
 Order items are no longer serialised data and store in meta - they are stored in there own table with their own meta. Existing data can be updated upon upgrade (you will be prompted). You should backup before upgrading.
 
-On the frontend; if your store is overwriting the core WooCommerce CSS you will need to prefix those overrides with the .woocommerce class as we do in woocommerce.css as of 2.0.
+On the frontend; if your store is overwriting the core WooCommerce CSS you will need to prefix those overrides with the .woocommerce class as we do in woocommerce.css as of 2.0. Also replaced all instances of .woocommerce_ and .wc- with standardised .woocommerce-
 
 = 1.6.2 =
 1.6 introduced some template changes, for loops in particular. See the changelog for details and ensure theme compatibility before upgrading.

templates/loop/pagination.php

@@ -14,7 +14,7 @@ global $wp_query;
 if ( $wp_query->max_num_pages <= 1 )
 	return;
 ?>
-<nav class="woocommerce_pagination">
+<nav class="woocommerce-pagination">
 	<?php
 		echo paginate_links( apply_filters( 'woocommerce_pagination_args', array(
 			'base' 			=> str_replace( 999999999, '%#%', get_pagenum_link( 999999999 ) ),

templates/loop/result-count.php

@@ -16,7 +16,7 @@ global $woocommerce, $wp_query;
 if ( ! woocommerce_products_will_display() )
 	return;
 ?>
-<p class="woocommerce_result_count">
+<p class="woocommerce-result-count">
 	<?php
 	$paged    = max( 1, $wp_query->get( 'paged' ) );
 	$per_page = $wp_query->get( 'posts_per_page' );

templates/loop/sorting.php

@@ -14,7 +14,7 @@ global $woocommerce;
 if ( ! woocommerce_products_will_display() )
 	return;
 ?>
-<form class="woocommerce_ordering" method="post">
+<form class="woocommerce-ordering" method="post">
 	<select name="sort" class="orderby">
 		<?php
 			$catalog_orderby = apply_filters( 'woocommerce_catalog_orderby', array(

templates/shop/errors.php

@@ -11,7 +11,7 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
 
 if ( ! $errors ) return;
 ?>
-<ul class="woocommerce_error">
+<ul class="woocommerce-error">
 	<?php foreach ( $errors as $error ) : ?>
 		<li><?php echo wp_kses_post( $error ); ?></li>
 	<?php endforeach; ?>

templates/shop/messages.php

@@ -13,5 +13,5 @@ if ( ! $messages ) return;
 ?>
 
 <?php foreach ( $messages as $message ) : ?>
-	<div class="woocommerce_message"><?php echo wp_kses_post( $message ); ?></div>
+	<div class="woocommerce-message"><?php echo wp_kses_post( $message ); ?></div>
 <?php endforeach; ?>

templates/single-product/tabs.php

@@ -17,7 +17,7 @@ do_action('woocommerce_product_tabs');
 $tabs = trim( ob_get_clean() );
 
 if ( ! empty( $tabs ) ) : ?>
-	<div class="woocommerce_tabs">
+	<div class="woocommerce-tabs">
 		<ul class="tabs">
 			<?php echo $tabs; ?>
 		</ul>

woocommerce-template.php

@@ -949,7 +949,7 @@ if ( ! function_exists( 'woocommerce_breadcrumb' ) ) {
 
 		$defaults = apply_filters( 'woocommerce_breadcrumb_defaults', array(
 			'delimiter'   => ' › ',
-			'wrap_before' => '<div class="wc-breadcrumb" itemprop="breadcrumb">',
+			'wrap_before' => '<div class="woocommerce-breadcrumb" itemprop="breadcrumb">',
 			'wrap_after'  => '</div>',
 			'before'      => '',
 			'after'       => '',