From 7cc1421cd6d36dbfb4055ee20e8df6bc7fcd5b27 Mon Sep 17 00:00:00 2001
From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Tue, 5 Jul 2016 14:11:22 -0400
Subject: [PATCH] increasing tour image size on product page

---
 css/app.css                    |  2 +-
 js/app.js                      | 16 +++++++---------
 js/custom/pageSetup.js         | 16 +++++++---------
 scss/plugins/_woocommerce.scss |  2 +-
 4 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/css/app.css b/css/app.css
index 3eef88a..459b566 100644
--- a/css/app.css
+++ b/css/app.css
@@ -7319,7 +7319,7 @@ main.woocommerce, div.woocommerce {
       main.woocommerce .main.woo-single-product #content .type-product .images .woocommerce-main-image.zoom .wp-post-image, div.woocommerce .main.woo-single-product #content .type-product .images .woocommerce-main-image.zoom .wp-post-image {
         max-height: 440px;
         margin: 0 auto;
-        width: auto;
+        width: 100%;
         border-radius: 10px;
         border: 1px solid grey; }
       @media only screen and (max-width: 40em) {
diff --git a/js/app.js b/js/app.js
index 9a4b253..b18f5ef 100644
--- a/js/app.js
+++ b/js/app.js
@@ -112,16 +112,10 @@ $(document).ready(function () {
     
     // change breadcrumbs 'products' to 'experiences'
     $(".post-product-archive").find('span').text('Tours');
-    $("[property=name]:contains('Products')").html('Tours');
     
-    // get the difference between the image and its container and subtract half of the difference as margin-top (negative) half of the difference to put it in view
-//    if( $(".attachment-shop_single").height() > 440){
-//        var height_difference = 440 - $(".attachment-shop_single").height();
-//        height_difference = height_difference / 2;
-//        height_difference = Math.abs(height_difference) * -1;
-//        $(".attachment-shop_single").css("margin-top",  height_difference);
-//    }
-     $("a.product_image_link").fancybox({
+    $("[property=name]:contains('Products')").html('Tours');
+
+    $("a.product_image_link").fancybox({
 
          helpers: {
             overlay: { locked: false },
@@ -131,4 +125,8 @@ $(document).ready(function () {
             this.title = $(this.element).find('img').attr('alt');
         }
     });
+    
+//    $("ul#menu-menu-1").children().find(".menu-item").each( function () {
+//        console.debug($(this).attr("id")); 
+//    });
 });
diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 17f5343..4311f02 100644
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -103,16 +103,10 @@ $(document).ready(function () {
     
     // change breadcrumbs 'products' to 'experiences'
     $(".post-product-archive").find('span').text('Tours');
-    $("[property=name]:contains('Products')").html('Tours');
     
-    // get the difference between the image and its container and subtract half of the difference as margin-top (negative) half of the difference to put it in view
-//    if( $(".attachment-shop_single").height() > 440){
-//        var height_difference = 440 - $(".attachment-shop_single").height();
-//        height_difference = height_difference / 2;
-//        height_difference = Math.abs(height_difference) * -1;
-//        $(".attachment-shop_single").css("margin-top",  height_difference);
-//    }
-     $("a.product_image_link").fancybox({
+    $("[property=name]:contains('Products')").html('Tours');
+
+    $("a.product_image_link").fancybox({
 
          helpers: {
             overlay: { locked: false },
@@ -122,4 +116,8 @@ $(document).ready(function () {
             this.title = $(this.element).find('img').attr('alt');
         }
     });
+    
+//    $("ul#menu-menu-1").children().find(".menu-item").each( function () {
+//        console.debug($(this).attr("id")); 
+//    });
 });
diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index 5c0eb45..cfa9847 100644
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -786,7 +786,7 @@ div.woocommerce {
                 .woocommerce-main-image.zoom .wp-post-image {
                     max-height: 440px;
                     margin: 0 auto;
-                    width: auto;
+                    width: 100%;
                     border-radius: 10px;
                     border: 1px solid grey;
                 }
-- 
2.17.1