increasing tour image size on product page

diff --git a/css/app.css b/css/app.css
index 3eef88a..459b566 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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;
                 }