Adjustments to the 'Out of Stock' styling.

mwanberg · Jul 16, 2015 · fcdaa57 · fcdaa57
1 parent b9c3a65
commit fcdaa57
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/sites/all/themes/zen-sullivan/css/zen-sullivan-styles.css b/sites/all/themes/zen-sullivan/css/zen-sullivan-styles.css
@@ -2543,6 +2543,18 @@ h2.out-of-stock-label {
 }
 
 /* line 18, ../sass/component-styles/_products.scss */
+.node.out-of-stock:before {
+  background-color: #2e5f80;
+  color: white;
+  content: 'Currently unavailable';
+  display: block;
+  font-family: "Cinzel Decorative", "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
+  font-size: 2.25em;
+  margin-bottom: .25em;
+  padding: .5em 1.5em;
+  text-align: center;
+}
+/* line 29, ../sass/component-styles/_products.scss */
 .node.out-of-stock .commerce-add-to-cart {
   display: none;
 }

diff --git a/sites/all/themes/zen-sullivan/js/script.js b/sites/all/themes/zen-sullivan/js/script.js
@@ -35,7 +35,7 @@
   // Add "Out of stock" notice to product pages
   Drupal.behaviors.stockNotice = {
     attach: function ( context, settings ) {
-      $('.out-of-stock.node').before('<h2 class="out-of-stock-label">Currently unavailable</h2>');
+      // $('.out-of-stock.node').before('<h2 class="out-of-stock-label">Currently unavailable</h2>');
     }
   }
 

diff --git a/sites/all/themes/zen-sullivan/sass/component-styles/_products.scss b/sites/all/themes/zen-sullivan/sass/component-styles/_products.scss
@@ -15,6 +15,17 @@ h2.out-of-stock-label {
 
 // Out of stock styling - hide elements
 .node.out-of-stock {
+	&:before {
+		background-color: $blue;
+		color: $white;
+		content: 'Currently unavailable';
+		display: block;
+		font-family: $heading-f;
+		font-size: 2.25em;
+		margin-bottom: .25em;
+		padding: .5em 1.5em;
+		text-align: center;
+	}
 	.commerce-add-to-cart {
 		display: none;
 	}