fitfooter placement

3 files changed, 19 insertions, 13 deletions

diff --git a/StoneIsland/platforms/ios/www/css/products.css b/StoneIsland/platforms/ios/www/css/products.css
index bc5dc29b..d78801f8 100755
--- a/StoneIsland/platforms/ios/www/css/products.css
+++ b/StoneIsland/platforms/ios/www/css/products.css
@@ -222,7 +222,7 @@
   letter-spacing:0.5px;
   text-decoration: none;
   text-transform:uppercase;
-  padding:0px 0 0;
+  padding: 12px 0 0;
 }
 
 #product .gallery-prev,
diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html
index d5d706c1..9221d0be 100755
--- a/StoneIsland/platforms/ios/www/index.html
+++ b/StoneIsland/platforms/ios/www/index.html
@@ -278,6 +278,7 @@
         <span class="share">SHARE +</span>
         </div>
         <div class="fit">Fits Large</div>
+        <div class='fitFooter'></div>
         <div class="notAvailableInCanada">Not Available In Canada</div>
         <div class="body">
         </div>
@@ -286,8 +287,6 @@
           <br><br>
           We suggest you choose a smaller size than yours.
         </div>
-        <div class='fitFooter'>
-        </div>
       </div>
     </div>
   </div>
diff --git a/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js b/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
index 536b4dad..7d782273 100755
--- a/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
+++ b/StoneIsland/platforms/ios/www/js/lib/products/ProductView.js
@@ -203,22 +203,29 @@ var ProductView = ScrollableView.extend({
     
     this.$productHeader.toggleClass("wide", title.length > 48)
 
-    var fits_large = !!(this.fitLargeCodes[this.code] && app.store.fitsLarge === 'true')
-    app.product.$fit.toggle( fits_large )
-    app.product.$sizing.toggle( fits_large )
+    var fits_large = !!(this.fitLargeCodes[this.code])
 
     this.showFooter()
 
     console.log(app.store.FitsLarge, app.store.fitsLargeText)
-    if (app.store.FitsLarge === 'use_alt_text' && (app.store.FitsLargeText || "").length) {
-      var fit_lines = app.store.FitsLargeText.replace(/</g, "&lt;").replace(/>/g, "&rt;").split('\n').join("<br>")
-      $('.fitFooter').html(fit_lines)
-      $('.fitFooter').show()
-    }
-    else {
+    if (fits_large) {
+      if (app.store.FitsLarge === 'use_alt_text' && (app.store.FitsLargeText || "").length) {
+        var fit_lines = app.store.FitsLargeText.replace(/</g, "&lt;").replace(/>/g, "&rt;").split('\n').join("<br>")
+        $('.fitFooter').html(fit_lines)
+        $('.fitFooter').show()
+        app.product.$fit.hide()
+        app.product.$sizing.hide()
+      }
+      else {
+        app.product.$fit.show()
+        app.product.$sizing.show()
+        $('.fitFooter').hide()
+      }
+    } else {
+      app.product.$fit.hide()
+      app.product.$sizing.hide()
       $('.fitFooter').hide()
     }
-
     
     this.deferScrollToTop()
   },