diff options
| -rwxr-xr-x | StoneIsland/www/css/products.css | 7 | ||||
| -rwxr-xr-x | StoneIsland/www/index.html | 2 | ||||
| -rwxr-xr-x | StoneIsland/www/js/lib/blogs/BlogView.js | 7 | ||||
| -rwxr-xr-x | StoneIsland/www/js/lib/products/ProductView.js | 16 |
4 files changed, 22 insertions, 10 deletions
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css index d481a674..8787de6f 100755 --- a/StoneIsland/www/css/products.css +++ b/StoneIsland/www/css/products.css @@ -216,8 +216,13 @@ text-transform:uppercase; padding:12px 0 0; } -.product .fit.altText { +.product .fitFooter { + clear:both; + font-size:9px; + letter-spacing:0.5px; text-decoration: none; + text-transform:uppercase; + padding:12px 0 0; } #product .gallery-prev, diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html index 8003faf3..d5d706c1 100755 --- a/StoneIsland/www/index.html +++ b/StoneIsland/www/index.html @@ -286,6 +286,8 @@ <br><br> We suggest you choose a smaller size than yours. </div> + <div class='fitFooter'> + </div> </div> </div> </div> diff --git a/StoneIsland/www/js/lib/blogs/BlogView.js b/StoneIsland/www/js/lib/blogs/BlogView.js index ed17e684..6eea977f 100755 --- a/StoneIsland/www/js/lib/blogs/BlogView.js +++ b/StoneIsland/www/js/lib/blogs/BlogView.js @@ -92,18 +92,11 @@ var BlogView = View.extend({ console.log(app.store.StoreStatus) - console.log(app.store.FitsLarge, app.store.fitsLargeText) app.product.fitLargeCodes = {} if (app.store.FittingCodes.length) { app.store.FittingCodes.split("\n").forEach(function(code){ app.product.fitLargeCodes[code] = true }) - 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, "<").replace(/>/g, "&rt;").split('\n').join("<br>") - $('.fit').html(fit_lines) - $('.fit').addClass('altText') - } } if (app.store.BackgroundIsGray === "true") { diff --git a/StoneIsland/www/js/lib/products/ProductView.js b/StoneIsland/www/js/lib/products/ProductView.js index 51af09bc..536b4dad 100755 --- a/StoneIsland/www/js/lib/products/ProductView.js +++ b/StoneIsland/www/js/lib/products/ProductView.js @@ -26,6 +26,7 @@ var ProductView = ScrollableView.extend({ this.$color = this.$(".color") this.$body = this.$(".body") this.$fit = this.$(".fit") + this.$fitFooter = this.$('.fitFooter') this.$notAvailableInCanada = this.$(".notAvailableInCanada") this.$sizing = this.$(".sizing") this.$style = this.$(".style") @@ -183,7 +184,7 @@ var ProductView = ScrollableView.extend({ console.log( data['DefaultCode10'] ) - title += "<br>EXTREME COMPACTING ON NYLON BASE<br>LIMITED EDITION - NUMBERED 01 TO 100" + // title += "<br>EXTREME COMPACTING ON NYLON BASE<br>LIMITED EDITION - NUMBERED 01 TO 100" if (title.indexOf('<br>') !== -1) { var title_lines = title.split('<br>').map(function(s){ if (s.indexOf("LIMITED EDITION") !== -1) { @@ -202,11 +203,22 @@ var ProductView = ScrollableView.extend({ this.$productHeader.toggleClass("wide", title.length > 48) - var fits_large = !! this.fitLargeCodes[this.code] + var fits_large = !!(this.fitLargeCodes[this.code] && app.store.fitsLarge === 'true') app.product.$fit.toggle( fits_large ) app.product.$sizing.toggle( fits_large ) 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, "<").replace(/>/g, "&rt;").split('\n').join("<br>") + $('.fitFooter').html(fit_lines) + $('.fitFooter').show() + } + else { + $('.fitFooter').hide() + } + this.deferScrollToTop() }, |