Shop styles & html. Header no longer double default image load
authorLaury GvR <laury@gaslightmedia.com>
Wed, 2 Dec 2015 17:06:34 +0000 (12:06 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 2 Dec 2015 17:06:34 +0000 (12:06 -0500)
assets/shopping-cart.png [new file with mode: 0644]
css/app.css
functions.php
parts/shop-quick-display.php [new file with mode: 0644]
parts/shop-sidebar.php [new file with mode: 0644]
scss/_plugins.scss
scss/_slideshow.scss
scss/plugins/_woocommerce.scss [new file with mode: 0644]
woocommerce.php [new file with mode: 0644]

diff --git a/assets/shopping-cart.png b/assets/shopping-cart.png
new file mode 100644 (file)
index 0000000..d81bdce
Binary files /dev/null and b/assets/shopping-cart.png differ
index 26b8f13..5220215 100644 (file)
@@ -7100,9 +7100,6 @@ main a {
   top: -110px;
   height: 630px;
   width: 100%;
-  background: url(../assets/slide-6.jpg) no-repeat;
-  background-position: top center;
-  background-size: cover;
   position: relative;
   box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5);
   -ms-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5);
@@ -7195,6 +7192,610 @@ main a {
 .ai1ec-event-footer {
   display: none; }
 
+/* WooCommerce */
+#woo-quick-display {
+  background-color: white;
+  border-radius: 3px;
+  border: 1px solid lightgrey;
+  padding: 5px;
+  font-size: 16px;
+  /*    position: absolute;
+    right: 20px;
+    top: 180px;*/ }
+  #woo-quick-display > div {
+    /*        display: table-cell;*/
+    text-align: center; }
+  #woo-quick-display .button {
+    border-radius: 3px;
+    display: inline;
+    margin-left: 15px;
+    margin-top: 12px;
+    padding: 2px 8px;
+    float: right;
+    margin: 12px 0 0 18px;
+    background-color: #a61a1d;
+    color: #ede6d9; }
+    #woo-quick-display .button:hover {
+      background-color: #ede6d9;
+      color: #a61a1d; }
+  #woo-quick-display h3 {
+    padding-top: 0;
+    text-align: center; }
+  #woo-quick-display p {
+    margin-bottom: 0; }
+
+#woo-quick-cart-icon img {
+  /*        margin: 13px 0 0 13px;*/
+  width: 24px; }
+#woo-quick-cart-icon > div {
+  float: left; }
+
+.woo-quick-cart-image {
+  float: left; }
+  @media only screen and (max-width: 40em) {
+    .woo-quick-cart-image {
+      margin-left: 20px; } }
+
+.woo-quick-cart-totals {
+  width: 105px; }
+  @media only screen and (min-width:40.063em) {
+    .woo-quick-cart-totals {
+      margin-left: 30px;
+      margin-top: 10px; } }
+
+#woo-quick-checkout button {
+  float: right; }
+
+ul.products, .products ol, .products dl {
+  list-style-type: none; }
+
+.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
+  border-left: 0.618em solid rgba(0, 0, 0, 0.15);
+  clear: both;
+  color: black;
+  margin-bottom: 20px;
+  margin-left: 0px;
+  font-family: arial, sans-serif;
+  font-weight: bold;
+  background-color: #ede6d9;
+  min-height: 55px;
+  padding-top: 7px;
+  line-height: 1.2; }
+  .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
+    margin: 5px;
+    float: left;
+    padding: 5px;
+    border-radius: 3px; }
+
+.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
+  float: right;
+  margin-bottom: 40px;
+  width: 100%; }
+
+h1.product_title {
+  color: #a61a1d;
+  line-height: 1;
+  font-size: 40px; }
+
+.onsale {
+  display: none; }
+
+.products a {
+  text-decoration: none; }
+  .products a:hover {
+    text-shadow: none; }
+.products .product.type-product {
+  border: none; }
+  .products .product.type-product .price {
+    color: white; }
+    .products .product.type-product .price span {
+      color: black; }
+    .products .product.type-product .price span:nth-child(2) {
+      display: none; }
+  .products .product.type-product > div {
+    margin: 5px;
+    padding: 5px;
+    text-align: center;
+    border: 4px solid #000000;
+    border-radius: 5px; }
+    .products .product.type-product > div img {
+      border: 2px solid #000000;
+      border-radius: 3px;
+      max-height: 100px;
+      width: auto; }
+  .products .product.type-product h3 {
+    font-weight: normal; }
+  .products .product.type-product .count {
+    background-color: transparent; }
+  .products .product.type-product > div {
+    background-color: white; }
+    .products .product.type-product > div h3 {
+      color: #17c6c6;
+      text-shadow: 1px 1px 5px #f5e282;
+      font-size: 18px;
+      min-height: 50px; }
+    .products .product.type-product > div .button {
+      background-color: #000000;
+      color: #a61a1d;
+      padding: 5px;
+      margin: 0;
+      border-radius: 3px; }
+  .products .product.type-product .button {
+    padding: 3px;
+    color: white;
+    background-color: #a61a1d;
+    border-radius: 3px;
+    border: 1px solid #a61a1d; }
+    .products .product.type-product .button:hover, .products .product.type-product .button:focus {
+      background-color: white;
+      color: #a61a1d; }
+
+.page-numbers {
+  list-style-type: none;
+  display: flex; }
+  .page-numbers li {
+    margin: 0 10px; }
+
+#text [class*="column"] + [class*="column"]:last-child {
+  float: left; }
+
+#text > .product {
+  margin-bottom: 20px; }
+
+.product.type-product {
+  color: black;
+  display: block; }
+  .product.type-product a {
+    display: block;
+    color: #a61a1d;
+    font-weight: bold; }
+  .product.type-product a.button {
+    padding: 5px;
+    border-radius: 3px; }
+  .product.type-product a.button:hover {
+    color: #000000; }
+  .product.type-product > div {
+    padding: 5px;
+    text-align: center;
+    border-radius: 5px; }
+    .product.type-product > div img {
+      border: 2px solid #000000;
+      border-radius: 3px; }
+  .product.type-product .tab-description {
+    display: inline-block; }
+  .product.type-product .woocommerce-tabs {
+    width: 100%;
+    clear: both;
+    /*        display: table;*/ }
+    .product.type-product .woocommerce-tabs .tabs li {
+      display: inline-block;
+      display: none;
+      width: 32%;
+      background-color: #000000;
+      border: 1px solid #a61a1d; }
+      .product.type-product .woocommerce-tabs .tabs li:hover {
+        background-color: #17c6c6; }
+      .product.type-product .woocommerce-tabs .tabs li.active {
+        background-color: #C5DCE2;
+        border-width: 2px;
+        border-bottom: 1px solid #C5DCE2; }
+      .product.type-product .woocommerce-tabs .tabs li a {
+        display: block; }
+    .product.type-product .woocommerce-tabs .tabs .reviews_tab, .product.type-product .woocommerce-tabs .tabs .additional_information_tab {
+      display: none; }
+    .product.type-product .woocommerce-tabs > div.panel {
+      background-color: white; }
+    .product.type-product .woocommerce-tabs p.stars a {
+      font-size: 20px;
+      padding: 0 10px; }
+    .product.type-product .woocommerce-tabs p.stars a.active {
+      background-color: #000000;
+      border-radius: 2px; }
+  .product.type-product .sku_wrapper {
+    display: none; }
+  .product.type-product .variations_form {
+    clear: both;
+    display: table;
+    width: 100%;
+    margin-bottom: 20px; }
+    .product.type-product .variations_form .variations {
+      margin-top: 30px;
+      float: left;
+      display: block; }
+      .product.type-product .variations_form .variations ul {
+        border: 1px solid darkgrey;
+        margin-left: 0;
+        text-align: left; }
+      @media only screen and (min-width:64.063em) {
+        .product.type-product .variations_form .variations {
+          display: inline-block;
+          width: 50%; } }
+      .product.type-product .variations_form .variations .label {
+        display: block; }
+      .product.type-product .variations_form .variations .value {
+        display: block; }
+        .product.type-product .variations_form .variations .value fieldset {
+          border: none;
+          padding-top: 0;
+          padding-bottom: 0;
+          margin-top: 0;
+          margin-bottom: 0; }
+          .product.type-product .variations_form .variations .value fieldset p {
+            margin-bottom: 5px; }
+      .product.type-product .variations_form .variations input[type="file"], .product.type-product .variations_form .variations input[type="checkbox"], .product.type-product .variations_form .variations input[type="radio"], .product.type-product .variations_form .variations select {
+        margin-bottom: 10px;
+        margin-right: 10px; }
+    .product.type-product .variations_form .single_variation_wrap {
+      display: block !important;
+      width: 50%;
+      margin: 0 auto; }
+      .product.type-product .variations_form .single_variation_wrap .single_variation {
+        padding: 10px; }
+        .product.type-product .variations_form .single_variation_wrap .single_variation .price {
+          font-family: arial;
+          font-size: 22px; }
+    .product.type-product .variations_form .variations_button button {
+      border-radius: 3px;
+      margin: 12px 0 0;
+      padding: 2px 8px; }
+    @media only screen and (max-width: 40em) {
+      .product.type-product .variations_form .variations, .product.type-product .variations_form .single_variation_wrap, .product.type-product .variations_form .single_variation_wrap .variations_button, .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
+        text-align: center;
+        float: none;
+        margin-left: auto;
+        margin-right: auto;
+        clear: both; }
+      .product.type-product .variations_form .single_variation_wrap {
+        width: 100%; } }
+    @media only screen and (min-width:40.063em) and (max-width:64em) {
+      .product.type-product .variations_form .variations, .product.type-product .variations_form .single_variation_wrap, .product.type-product .variations_form .single_variation_wrap .variations_button, .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
+        text-align: center;
+        float: none;
+        margin-left: auto;
+        margin-right: auto;
+        clear: both; }
+      .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
+        width: 170px; } }
+
+.woocommerce {
+  font-family: Arial; }
+  .woocommerce ul, .woocommerce ol, .woocommerce li {
+    list-style: none; }
+
+#address_form small {
+  display: inline-block;
+  font-size: 100%;
+  padding: 9px; }
+
+#tiptip_content {
+  font-family: Arial;
+  font-size: 12px; }
+
+.single_variation_wrap .quantity {
+  text-align: center;
+  width: 170px;
+  margin-bottom: 10px; }
+  .single_variation_wrap .quantity input {
+    display: inline-block;
+    background-color: white;
+    height: 40px;
+    width: 50px;
+    padding: 0;
+    margin: 0 5px; }
+
+.quantity .qty {
+  -moz-appearance: textfield;
+  max-width: 3.631em;
+  text-align: center; }
+
+#payment .payment_methods .form-row.place-order {
+  text-align: center; }
+#payment .payment_methods ul.payment_methods {
+  list-style-type: none; }
+#payment .payment_methods .payment_box > p {
+  margin: 0; }
+#payment .payment_methods .payment_box fieldset {
+  margin: 0;
+  padding: 10px 10px 0; }
+#payment .payment_methods .payment_box fieldset .form-row {
+  width: 100%; }
+@media only screen and (min-width:64.063em) {
+  #payment .payment_methods .payment_box fieldset .form-row {
+    width: 31%;
+    float: left; }
+  #payment .payment_methods .payment_box fieldset .clear {
+    clear: none; } }
+#payment .payment_methods .payment_box fieldset .form-row label {
+  padding: 0; }
+#payment .payment_methods select[name="wc-intuit-qbms-test-condition"] {
+  margin: 0; }
+#payment .payment_methods #wc-intuit-qbms-account-number {
+  max-width: 200px; }
+
+.shop_table {
+  width: 100%; }
+  .shop_table .coupon {
+    display: none; }
+  .shop_table .product-thumbnail {
+    display: none; }
+    @media only screen and (min-width:64.063em) {
+      .shop_table .product-thumbnail {
+        display: default; } }
+  .shop_table .quantity {
+    display: table; }
+    .shop_table .quantity .input-text {
+      margin: 0; }
+    .shop_table .quantity .minus, .shop_table .quantity .plus {
+      background-color: transparent;
+      box-shadow: none;
+      color: #a46497;
+      font-weight: 700;
+      width: 50px;
+      height: 40px; }
+
+.quantity .minus:hover, .quantity .plus:hover {
+  background-color: transparent;
+  color: inherit !important; }
+
+.woocommerce .woocommerce .checkout #customer_details {
+  display: inline-block;
+  width: 100%;
+  max-width: 600px; }
+.woocommerce .woocommerce .checkout .woocommerce-billing-fields, .woocommerce .woocommerce .checkout .woocommerce-shipping-fields {
+  margin: 0 auto 40px;
+  max-width: 600px;
+  padding: 20px;
+  border: 1px solid #e7e7e7; }
+  .woocommerce .woocommerce .checkout .woocommerce-billing-fields p, .woocommerce .woocommerce .checkout .woocommerce-shipping-fields p {
+    margin-bottom: 15px; }
+    .woocommerce .woocommerce .checkout .woocommerce-billing-fields p input, .woocommerce .woocommerce .checkout .woocommerce-shipping-fields p input {
+      margin-bottom: 15px; }
+.woocommerce .woocommerce .checkout #order_review {
+  float: left; }
+
+.content .woocommerce #respond input#submit.alt, .content .woocommerce a.button.alt, .content .woocommerce button.button.alt, .content .woocommerce input.button.alt {
+  background-color: #a61a1d; }
+  .content .woocommerce #respond input#submit.alt:hover, .content .woocommerce a.button.alt:hover, .content .woocommerce button.button.alt:hover, .content .woocommerce input.button.alt:hover {
+    background-color: #880d14; }
+
+#content-wrapper.woocommerce-wrapper .content {
+  padding: 20px 5px; }
+@media only screen and (max-width: 40em) {
+  #content-wrapper.woocommerce-wrapper .main {
+    padding: 0; } }
+
+#content .woocommerce {
+  margin-top: 25px; }
+
+.woocommerce-ordering select.orderby {
+  max-width: 200px; }
+
+@media only screen and (max-width: 40em) {
+  #content .woocommerce ul.products li.product-category.product, #content .woocommerce-page ul.products li.product-category.product {
+    float: none;
+    margin: 0 auto 30px; } }
+
+.products .product.type-product {
+  border: medium none;
+  display: inline;
+  float: left;
+  height: auto;
+  padding: 10px;
+  text-align: center;
+  width: 24%;
+  height: 260px;
+  margin-bottom: 30px; }
+  @media only screen and (max-width: 40em) {
+    .products .product.type-product {
+      width: 49%; } }
+  @media only screen and (min-width:40.063em) and (max-width:64em) {
+    .products .product.type-product {
+      width: 33%; } }
+  .products .product.type-product h3 {
+    text-align: center;
+    min-height: 50px;
+    font-size: 16px; }
+  .products .product.type-product a.add_to_cart_button {
+    display: none; }
+  .products .product.type-product .wp-post-image {
+    height: 150px;
+    margin-bottom: 0;
+    border: 2px solid #a61a1d; }
+  .products .product.type-product .variations_form .variations {
+    float: none;
+    margin: 0 auto;
+    width: 50%; }
+
+.products {
+  display: table;
+  margin: 0 auto;
+  padding: 0 5%;
+  position: relative;
+  text-align: center;
+  width: 100%; }
+  .products .added_to_cart {
+    border: 1px solid lightgrey;
+    border-radius: 4px; }
+  @media only screen and (max-width: 40em) {
+    .products {
+      max-width: 470px;
+      padding: 0; } }
+
+#content-wrapper.woocommerce-wrapper .main.woo-single-product {
+  padding: 20px 3%; }
+
+.woo-single-product #content .type-product .images {
+  width: 33%; }
+.woo-single-product #content .type-product .summary.entry-summary {
+  width: 66%; }
+
+#content .product.type-product .product_meta a {
+  display: initial; }
+#content .product.type-product .variations_form .variations {
+  display: inline;
+  float: none;
+  margin: 0 auto;
+  width: 50%; }
+#content .product.type-product .variations_form .variations .label label {
+  color: white; }
+#content .product.type-product h1.product_title {
+  color: #b5121b;
+  font-size: 28px;
+  font-weight: bold;
+  line-height: 1;
+  margin: 0 auto;
+  width: 80%; }
+#content .product.type-product .single_add_to_cart_button {
+  border-radius: 3px;
+  padding: 2px 8px; }
+#content .product.type-product > div {
+  float: left; }
+#content .product.type-product .quantity {
+  margin: 0 auto;
+  width: 50px; }
+#content .product.type-product p.price {
+  font-size: 20px;
+  margin-top: 15px; }
+@media only screen and (max-width: 40em) {
+  #content .product.type-product {
+    margin-top: 20px; }
+    #content .product.type-product .images {
+      width: auto;
+      max-width: 260px;
+      margin: 0 auto;
+      float: none; }
+    #content .product.type-product .summary.entry-summary {
+      width: 100%; }
+    #content .product.type-product .summary.entry-summary h1 {
+      font-size: 32px; } }
+#content .product.type-product .related .products .product.type-product h3 {
+  font-size: 13px;
+  font-weight: normal; }
+#content .product.type-product .summary.entry-summary > div[itemprop="description"] {
+  margin: 0 auto;
+  text-align: left;
+  width: 80%; }
+#content .product.type-product .woocommerce-tabs {
+  display: none; }
+
+.shop-sidebar .woocommerce.columns-2 ul.products > li.product > a > img {
+  display: none; }
+
+.shop-sidebar .woocommerce.columns-2 ul.products > li.product {
+  width: 100%;
+  margin-bottom: 0px;
+  background-color: white; }
+
+.shop-sidebar .woocommerce.columns-2 ul.products {
+  margin-top: 0; }
+
+.shop-sidebar .woocommerce.columns-2 ul.products > li.product h3 {
+  text-align: left;
+  padding: 2px 0 2px 35px;
+  background-color: #d14548;
+  font-weight: normal;
+  color: #ede6d9; }
+
+.shop-sidebar {
+  list-style: outside none none;
+  margin-left: 0; }
+
+.shop-sidebar .woocommerce .products {
+  margin: 20px 0 0; }
+
+.shop-sidebar > li {
+  background: none repeat scroll 0 0 #a61a1d;
+  border-bottom: 1px solid #ffffff;
+  padding: 2px 0 2px 15px; }
+  .shop-sidebar > li a {
+    color: #ede6d9;
+    text-transform: uppercase; }
+
+nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .products {
+  position: inherit;
+  border: 0 !important; }
+nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category {
+  margin-bottom: 0;
+  height: 25px; }
+nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category h3 {
+  font-size: 12px;
+  font-weight: normal;
+  padding: 0.5em 20px; }
+nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category:hover h3 {
+  color: #25c2e6 !important; }
+nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce img {
+  display: none; }
+
+.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .products {
+  position: inherit;
+  border: 0 !important; }
+.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category {
+  margin-bottom: 0;
+  height: 28px; }
+.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category h3 {
+  color: white;
+  font-size: 12px;
+  font-weight: normal;
+  padding: 0.5em 20px; }
+.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce img {
+  display: none; }
+.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce a {
+  margin-left: 40px;
+  padding: 0; }
+
+#payment .payment_methods label {
+  padding: 0 0 20px;
+  margin: 0;
+  width: 80%; }
+
+#shipping_method input[type="checkbox"] + label, input[type="radio"] + label {
+  margin-left: 25px; }
+
+.woocommerce .woocommerce-checkout {
+  margin: 0 -10px; }
+
+.woocommerce .cart_item .product-name {
+  min-width: 160px;
+  font-size: 15px;
+  font-weight: bold; }
+
+.woocommerce-checkout-review-order-table .product-quantity {
+  float: right; }
+
+.content .woocommerce .cart_item td.product-name dl.variation dd, dd p, dt {
+  font-size: 12px;
+  font-weight: normal;
+  margin-bottom: 0;
+  line-height: 1; }
+
+.content .woocommerce td.product-name dl.variation dd, .content .woocommerce td.product-name dl.variation dt {
+  margin-bottom: 0; }
+
+#content .product.type-product .variations_form .variations {
+  display: block;
+  margin: 0 auto;
+  float: none;
+  max-width: 220px; }
+
+.products mark {
+  background-color: transparent; }
+
+.variations tbody, .variations tbody tr {
+  display: block; }
+
+.page-numbers li {
+  float: left; }
+
+.related.products {
+  margin-top: 30px; }
+
+h3#ship-to-different-address {
+  font-weight: bold; }
+
+.woocommerce-breadcrumb {
+  display: none; }
+
+/* End WooCommerce */
 #front {
   padding: 20px; }
   #front .row.collapse h1 {
index 2e1d8b3..18a3df0 100644 (file)
@@ -102,10 +102,9 @@ function glm_get_header() {
 
     if (has_post_thumbnail()) {
             $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full");
-            echo ' id="feature-image" style="background-image: url('.$image_data[0].');height:100%;padding:0;background-position:top center;background-size:cover;background-repeat:no-repeat;min-height: 270px;max-height: 630px; "';
+            echo ' id="feature-image" style="background-image: url('.$image_data[0].');height:100%;padding:0;background-position:top center;background-size:cover;background-repeat:no-repeat;min-height: 270px;max-height: 630px;"';
     } else {
-//            echo ' style="background-image: url('.get_template_directory_uri().'/assets/assets/slide-6.jpg);height:0;padding:0;padding-bottom:30%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px;"';
-            echo ' class="no-featured"';
+            echo ' id="feature-image" style="background-image: url('.get_template_directory_uri().'/assets/slide-6.jpg);height:100%;padding:0;background-position:top center;background-size:cover;background-repeat:no-repeat;min-height: 270px;max-height: 630px;"';
     }
     echo '>';
     echo '</div>';
diff --git a/parts/shop-quick-display.php b/parts/shop-quick-display.php
new file mode 100644 (file)
index 0000000..0ff1d33
--- /dev/null
@@ -0,0 +1,35 @@
+ <div id="woo-quick-display" class="small-12 medium-9 columns">
+                    
+    <div id="woo-quick-cart-icon" class="small-5 medium-6 columns left">
+
+        <div class="woo-quick-cart-image">
+
+            <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'cart' ) ) );?>">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/shopping-cart.png">
+            </a>
+            <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'cart' ) ) );?>"><h3>view cart</h3></a>
+        </div>
+        <div class="woo-quick-cart-totals">
+
+            <p>
+                <?php echo sprintf(_n('%d', '%d', $woocommerce->cart->total, 
+                        'woothemes'), $woocommerce->cart->total);?>
+                for
+                <?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 
+                        'woothemes'), $woocommerce->cart->cart_contents_count);?>
+            </p>
+        </div>
+    </div>
+    <div id="woo-quick-checkout" class="small-5 medium-6 columns right">
+        <?php
+            if (is_user_logged_in()) { 
+                echo '<a href="'. esc_url( get_permalink( get_page_by_title( 'My Account' ) ) ) . '?customer-logout=true" class="button login_toggle">log out</a>';
+            }
+            elseif (!is_user_logged_in()) {
+                echo '<a href="'. esc_url( get_permalink( get_page_by_title( 'My Account' ) ) ) . '" class="button login_toggle">log in</a>';
+            }
+        ?>
+        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Checkout' ) ) ); ?>" class="button">checkout</a>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/parts/shop-sidebar.php b/parts/shop-sidebar.php
new file mode 100644 (file)
index 0000000..c848702
--- /dev/null
@@ -0,0 +1,28 @@
+                
+                <ul class="shop-sidebar">
+                    <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Shop' ) ) ); ?>">
+                        <h3>MUSEUM STORE</h3>
+                    </a>
+                    
+                    <li class="page_item page_item_has_children">
+                        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Product Categories' ) ) ); ?>">
+                            Categories
+                        </a>
+                    </li>
+                    <?php echo do_shortcode('[product_categories number="" orderby="name" order="asc" columns="2" hide_empty="0" parent="0" ids=""]'); ?>
+                    <li class="page_item page_item_has_children">
+                        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Cart' ) ) ); ?>">
+                            Cart
+                        </a>
+                    </li>
+                    <li class="page_item page_item_has_children">
+                        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Checkout' ) ) ); ?>">
+                            Checkout
+                        </a>
+                    </li>
+                    <li class="page_item page_item_has_children">
+                        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'My Account' ) ) ); ?>">
+                            My Account
+                        </a>
+                    </li>
+                </ul>
\ No newline at end of file
index 48bf76b..95d0961 100644 (file)
@@ -1,2 +1,3 @@
 @import "plugins/nextgen";
-@import "plugins/events";
\ No newline at end of file
+@import "plugins/events";
+@import "plugins/woocommerce";
\ No newline at end of file
index 99c4c7f..dd2be74 100644 (file)
@@ -84,9 +84,6 @@
     top: -110px;
     height: 630px;
     width: 100%;
-    background: url(../assets/slide-6.jpg) no-repeat;
-    background-position: top center;
-    background-size: cover;
     position: relative;
     box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5);
     -ms-box-shadow: 0px -5px 8px -2px rgba(0, 0, 0, 0.5);
diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
new file mode 100644 (file)
index 0000000..ea043f6
--- /dev/null
@@ -0,0 +1,778 @@
+
+/* WooCommerce */
+#woo-quick-display {
+    background-color: white;
+    border-radius: 3px;
+    border: 1px solid lightgrey;
+    padding: 5px;
+    font-size: 16px;
+/*    position: absolute;
+    right: 20px;
+    top: 180px;*/
+    > div {
+/*        display: table-cell;*/
+        text-align: center;
+    }
+    .button {
+        border-radius: 3px;
+        display: inline;
+        margin-left: 15px;
+        margin-top: 12px;
+        padding: 2px 8px;
+        float: right;
+        margin: 12px 0 0 18px;
+        background-color: $red;
+        color: $cream;
+        &:hover {
+            background-color: $cream;
+            color: $red;
+        }
+    }
+    h3 {
+        padding-top: 0;
+        text-align: center;
+    }
+    p {
+        margin-bottom: 0;
+    }
+}
+#woo-quick-cart-icon {
+    img {
+/*        margin: 13px 0 0 13px;*/
+        width: 24px;
+    }
+    > div {
+        float: left;
+    }
+}
+.woo-quick-cart-image {
+    float: left;
+    @media #{$small-only} {
+        margin-left:20px;
+    }
+}
+.woo-quick-cart-totals {
+    width:105px; 
+    @media #{$medium-up} {
+        margin-left:30px;
+        margin-top: 10px;
+    }
+}
+#woo-quick-checkout {
+    button {
+        float: right;
+    }
+}
+ul.products, .products ol, .products dl {
+        list-style-type: none;
+}
+.woocommerce-error, 
+.woocommerce-info, 
+.woocommerce-message, 
+.woocommerce-noreviews, 
+p.no-comments {
+    border-left: 0.618em solid rgba(0, 0, 0, 0.15);
+    clear:both;
+    color: black;
+    margin-bottom: 20px;
+    margin-left: 0px;
+    font-family: arial, sans-serif;
+    font-weight: bold;
+    background-color: $cream;
+    min-height: 55px;
+    padding-top: 7px;
+    line-height: 1.2;
+    .button {
+        margin: 5px;
+        float: left;
+        padding: 5px;
+        border-radius: 3px;
+    }
+}    
+.woocommerce-message {
+}
+.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
+    float: right;
+    margin-bottom: 40px;
+    width: 100%;
+}
+h1.product_title {
+    color: $red;
+    line-height: 1;
+    font-size: 40px;
+}
+.onsale {
+    display: none;
+}
+.products {
+    a {
+        text-decoration: none;
+        &:hover {
+            text-shadow: none;
+        }
+    }
+    .product.type-product {
+        border: none;
+        .price {
+            color: white;
+            span {
+                color: black;
+            }
+            span:nth-child(2) {
+                display: none;
+            }
+        }
+        > div {
+            margin: 5px;
+            padding: 5px;
+            text-align:center;
+            border: 4px solid $black;
+            border-radius: 5px;
+            img {
+                border: 2px solid $black;
+                border-radius: 3px;
+                max-height: 100px;
+                width: auto;
+            }
+        }
+        h3 {
+            font-weight: normal;
+        }
+        .count {
+            background-color: transparent;
+        }
+        & > div {
+            background-color: white;
+            h3 {
+                color:#17c6c6;
+                text-shadow: 1px 1px 5px #f5e282;
+                font-size: 18px;
+                min-height: 50px;
+            }
+            .button {
+                background-color: $black;
+                color: $red;
+                padding: 5px;
+                margin: 0;
+                border-radius: 3px;
+            }
+        }
+        .button {
+            padding: 3px;
+            color: white;
+            background-color: $red;
+            border-radius: 3px;
+                border:1px solid $red;
+            &:hover, &:focus {
+                background-color: white;
+                color: $red;
+            }
+        }
+    }
+}
+
+.page-numbers {
+    list-style-type: none;
+    display: flex;
+    li {
+        margin: 0 10px;
+    }
+}
+#text [class*="column"] + [class*="column"]:last-child {
+    float: left;
+}
+#text > .product {
+    margin-bottom: 20px;
+}
+.product.type-product {
+    color: black;
+    display: block;
+    a {
+        display: block;
+        color: $red;
+        font-weight: bold;
+    }
+    a.button {
+        padding: 5px;
+        border-radius: 3px;
+    }
+    a.button:hover {
+        color: $black;
+    }
+    > div {
+        padding: 5px;
+        text-align:center;
+        border-radius: 5px;
+        img {
+            border: 2px solid $black;
+            border-radius: 3px;
+        }
+    }
+    .tab-description {
+        display: inline-block;
+    }
+    .woocommerce-tabs {
+        width: 100%;
+        clear:both;
+/*        display: table;*/
+        .tabs li {
+            display: inline-block;
+            display: none;
+            width: 32%;
+            background-color: $black;
+            border: 1px solid $red;
+            &:hover {
+                background-color: #17c6c6;
+            }
+            &.active {
+              background-color: #C5DCE2;
+              border-width: 2px;
+              border-bottom: 1px solid #C5DCE2;
+            }
+            a {
+                display: block;
+            }
+            @media #{$large-up} {
+/*                margin-left: -35px;*/
+            }
+            @media #{$medium-only} {
+/*                margin-left: -23px;*/
+            }
+        }
+        .tabs .reviews_tab,
+        .tabs .additional_information_tab {
+            display: none;
+        }
+        > div.panel {
+            background-color: white;
+        }
+        p.stars {
+            a {
+                font-size: 20px;
+                padding: 0 10px;
+            }
+            a.active {
+                background-color: $black;
+                border-radius: 2px;
+            }
+        }
+        
+    }
+    .sku_wrapper {
+        display: none;
+    }
+    .variations_form {
+        clear: both;
+        display: table;
+        width: 100%;
+        margin-bottom: 20px;
+        .variations {
+            margin-top: 30px;
+            float: left;
+            ul {
+                border: 1px solid darkgrey;
+                margin-left: 0;
+                text-align: left;
+            }
+            display: block;
+            @media #{$large-up} {
+                display: inline-block;
+                width: 50%;
+            }
+            .label {
+                display: block;
+            }
+            .value {
+                display: block;
+                fieldset {
+                    border: none;
+                    padding-top: 0;
+                    padding-bottom: 0;
+                    margin-top: 0;
+                    margin-bottom: 0;
+                    p {
+                        margin-bottom: 5px;
+                    }
+                }
+            }
+            input[type="file"], input[type="checkbox"], input[type="radio"], select {
+                margin-bottom: 10px;
+                margin-right: 10px;
+            }
+        }
+        .single_variation_wrap {
+            display: block !important;
+            width: 50%;
+            margin: 0 auto;
+            .single_variation {
+                padding: 10px;
+                .price {
+                        font-family: arial;
+                        font-size: 22px;
+                }
+            }
+        }
+        .variations_button button {
+            border-radius: 3px;
+            margin: 12px 0 0;
+            padding: 2px 8px;
+        }
+        @media #{$small-only} {
+            .variations, 
+            .single_variation_wrap,
+            .single_variation_wrap .variations_button,
+            .single_variation_wrap .variations_button .quantity {
+                text-align:center;
+                float: none;
+                margin-left: auto;
+                margin-right: auto;
+                clear: both;
+            }
+            .single_variation_wrap {
+                width: 100%;
+            }
+        }
+        @media #{$medium-only} {
+            
+            .variations, 
+            .single_variation_wrap,
+            .single_variation_wrap .variations_button,
+            .single_variation_wrap .variations_button .quantity {
+                text-align:center;
+                float: none;
+                margin-left: auto;
+                margin-right: auto;
+                clear: both;
+            }
+            .single_variation_wrap .variations_button .quantity {
+                width: 170px;
+            }
+        }
+    }
+    
+} 
+.woocommerce {
+    font-family: Arial;
+    ul, ol, li {
+        list-style: none;
+    }
+}
+#address_form {
+    small {
+        display: inline-block;
+        font-size: 100%;
+        padding: 9px;
+    }
+}
+#tiptip_content {
+    font-family: Arial;
+    font-size: 12px;
+}
+.single_variation_wrap .quantity {
+    text-align:center;
+    width: 170px;
+    margin-bottom: 10px;
+    input {
+        display: inline-block;
+        background-color: white;
+        height:40px;
+        width: 50px;
+        padding: 0;
+        margin: 0 5px;
+    }
+}
+.quantity .qty {
+    -moz-appearance: textfield;
+    max-width: 3.631em;
+    text-align: center;
+}
+#payment .payment_methods  {
+    .form-row.place-order {
+        text-align: center;
+    }
+    ul.payment_methods {
+        list-style-type: none;
+    }
+    .payment_box > p {
+        margin: 0;
+    }
+    .payment_box fieldset {
+        margin: 0;
+        padding: 10px 10px 0;
+    }
+    .payment_box fieldset .form-row { 
+        width: 100%;
+    }
+    @media #{$large-up} {
+        .payment_box fieldset .form-row { 
+            width: 31%;
+            float: left;
+        }
+        .payment_box fieldset .clear {
+            clear: none;
+        }
+    }
+    .payment_box fieldset .form-row label {
+        padding: 0;
+    }
+    select[name="wc-intuit-qbms-test-condition"] {
+        margin: 0;
+    }
+    #wc-intuit-qbms-account-number{
+        max-width: 200px;
+    }
+}
+.shop_table {
+    width: 100%;
+    .coupon {
+        display: none;
+    }
+    .product-thumbnail {
+        display: none;
+        @media #{$large-up} {
+            display: default;
+        }
+        
+    }
+    .quantity {
+        display:table;
+        .input-text {
+            margin: 0;
+        }
+        .minus,
+        .plus {
+            background-color: transparent;
+            box-shadow: none;
+            color: #a46497;
+            font-weight: 700;
+            width: 50px;
+            height: 40px;
+        }
+    }
+}
+.quantity .minus:hover, .quantity .plus:hover {
+    background-color: transparent;
+    color: inherit !important;
+}
+.woocommerce
+.woocommerce .checkout {
+    #customer_details {
+        display: inline-block;
+        width: 100%;
+        max-width: 600px;
+    }
+    .woocommerce-billing-fields, 
+    .woocommerce-shipping-fields {
+        margin: 0 auto 40px;
+        max-width: 600px;
+        padding: 20px;
+        border: 1px solid $secondary-color;
+        p {
+            margin-bottom: 15px;
+            input {
+                margin-bottom: 15px;
+            }
+        }
+    }
+    #order_review {
+        float: left;
+    }
+}
+.content {   
+    .woocommerce #respond input#submit.alt, 
+    .woocommerce a.button.alt, 
+    .woocommerce button.button.alt, 
+    .woocommerce input.button.alt {
+        background-color: $red;
+        &:hover {
+            background-color: #880d14;
+        }
+    }
+}
+#content-wrapper.woocommerce-wrapper {
+    .content {
+        padding: 20px 5px;
+    }
+    @media #{$small-only} {
+        .main {
+            padding: 0;
+        }
+    }
+}
+#content .woocommerce {
+    margin-top: 25px;
+}
+.woocommerce-ordering select.orderby {
+    max-width: 200px;
+}
+#content .woocommerce ul.products li.product-category.product, 
+#content .woocommerce-page ul.products li.product-category.product {
+    @media #{$small-only} {
+        float: none;
+        margin: 0 auto 30px;
+    }
+}
+.products .product.type-product {
+    border: medium none;
+    display: inline;
+    float: left;
+    height: auto;
+    padding: 10px;
+    text-align: center;
+    width: 24%;
+    height: 260px;
+    margin-bottom: 30px;
+    @media #{$small-only} {
+        width: 49%;
+    }
+    @media #{$medium-only} {
+        width: 33%;
+    }
+    h3 {
+        text-align: center;
+        min-height: 50px;
+        font-size: 16px;
+    }
+    a.add_to_cart_button {
+        display: none;
+    }
+    .wp-post-image {
+        height: 150px;
+        margin-bottom: 0;
+        border: 2px solid $red;
+    }
+    .variations_form .variations {
+        float: none;
+        margin: 0 auto;
+        width: 50%;
+    }
+}
+.products {
+    .added_to_cart {
+        border: 1px solid lightgrey;
+        border-radius: 4px;
+    }
+    display: table;
+    margin: 0 auto;
+    padding: 0 5%;
+    position: relative;
+    text-align: center;
+    width: 100%;
+    @media #{$small-only} {
+        max-width: 470px;
+        padding: 0;
+    }
+}
+#content-wrapper.woocommerce-wrapper .main.woo-single-product {
+    padding: 20px 3%;
+}
+.woo-single-product #content .type-product {
+    .images {
+        width: 33%;
+    }
+    .summary.entry-summary {
+        width: 66%;
+    }
+}
+#content .product.type-product  {
+    .product_meta a {
+        display: initial;
+    }
+    .variations_form .variations {
+        display: inline;
+        float: none;
+        margin: 0 auto;
+        width: 50%;
+    }
+    .variations_form .variations .label label {
+        color: white;
+    }
+    .button {
+        
+    }
+    h1.product_title {
+        color: #b5121b;
+        font-size: 28px;
+        font-weight: bold;
+        line-height: 1;
+        margin: 0 auto;
+        width: 80%;
+    }
+    .single_add_to_cart_button {
+        border-radius: 3px;
+        padding: 2px 8px;
+    }
+    > div {
+        float: left;
+    }
+    .quantity {
+        margin: 0 auto;
+        width: 50px;
+    }
+    p.price {
+        font-size: 20px;
+        margin-top: 15px;
+    }
+    @media #{$small-only} {
+        margin-top: 20px;
+        .images {
+            width: auto;
+            max-width: 260px;
+            margin: 0 auto;
+            float: none;
+        }
+        .summary.entry-summary {
+            width: 100%;
+        }
+        .summary.entry-summary h1 {
+            font-size: 32px;
+        }
+    }
+    .related .products .product.type-product h3 {
+        font-size: 13px;
+        font-weight: normal;
+    }
+    .summary.entry-summary > div[itemprop="description"] {
+        margin: 0 auto;
+        text-align: left;
+        width: 80%;
+    }
+    .woocommerce-tabs {
+        display: none;
+    }
+}
+.shop-sidebar .woocommerce.columns-2 ul.products > li.product > a > img {
+    display: none;
+}
+.shop-sidebar .woocommerce.columns-2 ul.products > li.product {
+    width: 100%;
+    margin-bottom: 0px;
+    background-color: white;
+}
+.shop-sidebar .woocommerce.columns-2 ul.products {
+    margin-top: 0;
+}
+.shop-sidebar .woocommerce.columns-2 ul.products > li.product h3 {
+    text-align: left;
+    padding: 2px 0 2px 35px;
+    background-color: #d14548;
+    font-weight: normal;
+    color: $cream;
+}
+.shop-sidebar {
+    list-style: outside none none;
+    margin-left: 0;
+}
+.shop-sidebar .woocommerce .products {
+    margin: 20px 0 0;
+}
+.shop-sidebar > li {
+    background: none repeat scroll 0 0 $red;
+    border-bottom: 1px solid #ffffff;
+    padding: 2px 0 2px 15px;
+    a {
+        color: $cream;
+        text-transform: uppercase;
+    }
+}
+nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce { 
+    .products {
+        position: inherit;
+        border: 0 !important;
+    }
+    .product-category {
+        margin-bottom: 0;
+        height: 25px;
+    }
+    .product-category h3 {
+        font-size: 12px;
+        font-weight: normal;
+        padding: 0.5em 20px;
+    }
+    .product-category:hover h3 {
+        color: #25c2e6 !important;
+    }
+    img {
+        display: none;
+    }
+}
+.left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce { 
+    .products {
+        position: inherit;
+        border: 0 !important;
+    }
+    .product-category {
+        margin-bottom: 0;
+        height: 28px;
+    }
+    .product-category h3 {
+        color: white;
+        font-size: 12px;
+        font-weight: normal;
+        padding: 0.5em 20px;
+    }
+    img {
+        display: none;
+    }
+    a {
+        margin-left: 40px;
+        padding: 0;
+    }
+}
+#payment .payment_methods label {
+    padding: 0 0 20px;
+    margin: 0;
+    width: 80%;
+}
+#shipping_method input[type="checkbox"]+label, input[type="radio"]+label {
+    margin-left: 25px;
+}
+.woocommerce .woocommerce-checkout {
+    margin: 0 -10px;
+}
+.woocommerce .cart_item .product-name {
+    min-width: 160px;
+    font-size: 15px;
+    font-weight: bold;
+}
+.woocommerce-checkout-review-order-table .product-quantity {
+    float: right;
+}
+.content .woocommerce .cart_item td.product-name dl.variation dd, dd p, dt {
+    font-size: 12px;
+    font-weight: normal;
+    margin-bottom: 0;
+    line-height: 1;
+}
+.content .woocommerce td.product-name dl.variation {
+    dd, dt {
+        margin-bottom: 0;
+    }
+
+}
+#content .product.type-product .variations_form .variations {
+    display: block;
+    margin: 0 auto;
+    float: none;
+    max-width: 220px;
+}
+.products mark {
+  background-color: transparent;
+}
+.variations tbody,
+.variations tbody tr {
+    display: block;
+}
+.page-numbers li {
+    float: left;
+}
+.related.products {
+    margin-top: 30px;
+}
+h3#ship-to-different-address {
+    font-weight: bold;
+}
+.woocommerce-breadcrumb {
+    display: none;
+}
+/* End WooCommerce */ 
\ No newline at end of file
diff --git a/woocommerce.php b/woocommerce.php
new file mode 100644 (file)
index 0000000..43042ac
--- /dev/null
@@ -0,0 +1,189 @@
+<?php get_header(); ?>
+<header id="boat-head">
+    <?php get_template_part('parts/top-bar_pointer-boat');?>
+    <?php get_template_part('parts/off-canvas_pointer-boat');?>
+    <?php get_template_part('parts/head-image');?>
+</header>
+<main class="page-inside">
+    <div id="content-wrapper" class='side-shadow woocommerce-wrapper'>    
+        <div id="feature-img">
+            <?php // echo glm_get_background(); ?>
+        </div> 
+        <div class="gradient"></div>
+        <div class="row collapse">
+            <div class="small-12 columns">
+                <div class="headline">
+                    <h1>Great Lakes Shipwreck Museum</h1>
+                </div>
+            </div>
+        </div>
+         
+        <div class="row content">
+            <div class="small-12 columns">
+            <?php get_template_part('parts/bread-crumbs');?>
+            </div>
+            <div class="medium-3 columns show-for-medium-up"><?php get_template_part('parts/shop-sidebar');?></div>
+                
+            <div id="woo-quick-display" class="small-12 medium-9 columns">   
+                <div id="woo-quick-cart-icon" class="small-5 medium-6 columns left">
+
+                    <div class="woo-quick-cart-image">
+
+                        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'cart' ) ) );?>">
+                            <img src="<?php echo get_template_directory_uri(); ?>/assets/shopping-cart.png">
+                        </a>
+                        <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'cart' ) ) );?>"><h3>view cart</h3></a>
+                    </div>
+                    <div class="woo-quick-cart-totals">
+
+                        <p><?php echo $woocommerce->cart->get_cart_total(); ?>
+                            for
+                            <?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 
+                                    'woothemes'), $woocommerce->cart->cart_contents_count);?>
+                        </p>
+                    </div>
+                    
+                </div>
+                <div id="woo-quick-checkout" class="small-5 medium-6 columns right">
+                    <?php
+                        if (is_user_logged_in()) { 
+                            echo '<a href="'. esc_url( get_permalink( get_page_by_title( 'My Account' ) ) ) . '?customer-logout=true" class="button login_toggle">log out</a>';
+                        }
+                        elseif (!is_user_logged_in()) {
+                            echo '<a href="'. esc_url( get_permalink( get_page_by_title( 'My Account' ) ) ) . '" class="button login_toggle">log in</a>';
+                        }
+                    ?>
+                    <a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Checkout' ) ) ); ?>" class="button">checkout</a>
+                </div>
+            </div>
+            <?php if (is_shop()) { ?>
+                <div class="small-12 medium-9 columns main woo-tags">
+  
+                <?php
+                        /**
+                         * woocommerce_before_main_content hook
+                         *
+                         * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
+                         * @hooked woocommerce_breadcrumb - 20
+                         */
+                        do_action( 'woocommerce_before_main_content' );
+                ?>
+
+               <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
+
+               <?php endif; ?>
+                        
+                        <?php woocommerce_content();?> 
+
+               <?php do_action( 'woocommerce_archive_description' ); ?>
+
+                <?php
+                        /**
+                         * woocommerce_after_main_content hook
+                         *
+                         * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
+                         */
+                        do_action( 'woocommerce_after_main_content' );
+                ?>
+                </div>
+            <?php } else if (is_product_tag() || is_product_category()) { ?>
+                <div class="small-12 medium-9 columns main woo-tags">
+  
+                <?php
+                        /**
+                         * woocommerce_before_main_content hook
+                         *
+                         * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
+                         * @hooked woocommerce_breadcrumb - 20
+                         */
+                        do_action( 'woocommerce_before_main_content' );
+                ?>
+
+               <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>
+
+                       <h1 class="page-title"><?php woocommerce_page_title(); ?></h1>
+
+               <?php endif; ?>
+
+               <?php do_action( 'woocommerce_archive_description' ); ?>
+
+               <?php if ( have_posts() ) : ?>
+
+                       <?php
+                               /**
+                                * woocommerce_before_shop_loop hook
+                                *
+                                * @hooked woocommerce_result_count - 20
+                                * @hooked woocommerce_catalog_ordering - 30
+                                */
+                               do_action( 'woocommerce_before_shop_loop' );
+                       ?>
+
+                       <?php woocommerce_product_loop_start(); ?>
+
+                               <?php woocommerce_product_subcategories(); ?>
+
+                               <?php while ( have_posts() ) : the_post(); ?>
+
+                                       <?php wc_get_template_part( 'content', 'product' ); ?>
+
+                               <?php endwhile; // end of the loop. ?>
+
+                       <?php woocommerce_product_loop_end(); ?>
+
+                       <?php
+                               /**
+                                * woocommerce_after_shop_loop hook
+                                *
+                                * @hooked woocommerce_pagination - 10
+                                */
+                               do_action( 'woocommerce_after_shop_loop' );
+                       ?>
+
+               <?php elseif ( ! woocommerce_product_subcategories( array( 'before' => woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?>
+
+                       <?php wc_get_template( 'loop/no-products-found.php' ); ?>
+
+               <?php endif; ?>
+
+                <?php
+                        /**
+                         * woocommerce_after_main_content hook
+                         *
+                         * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
+                         */
+                        do_action( 'woocommerce_after_main_content' );
+                ?>
+                </div>
+            <?php } else if (is_product()) { ?>
+                <div class="small-12 medium-9 columns main woo-single-product">
+                    <?php
+                            /**
+                             * woocommerce_before_main_content hook
+                             *
+                             * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
+                             * @hooked woocommerce_breadcrumb - 20
+                             */
+                            do_action( 'woocommerce_before_main_content' );
+                    ?>
+
+                            <?php while ( have_posts() ) : the_post(); ?>
+
+                                    <?php wc_get_template_part( 'content', 'single-product' ); ?>
+
+                            <?php endwhile; // end of the loop. ?>
+
+                    <?php
+                            /**
+                             * woocommerce_after_main_content hook
+                             *
+                             * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
+                             */
+                            do_action( 'woocommerce_after_main_content' );
+                    ?>
+                </div>
+            <?php } ?>
+        </div>
+    </div>
+              
+<?php get_footer(); ?>