Owlet Template - How It Works

HTML

<script src="//fonts.googleapis.com/css?family=.|Muli:light,normal,bold|Muli:light,normal,bold"></script>
<link rel="stylesheet" href="//cdn.shopify.com/s/files/1/1004/3036/t/2/assets/styles.scss.css">
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/owletcustom.css">
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/webfont-whitney.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/app.js"></script>
<script src="https://cdn.shopify.com/s/assets/themes_support/option_selection-54fd013c3dd1f914fc3ca277900ec7c1.js"></script>
<script src="https://owletcare.myshopify.com/services/javascripts/currencies.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/jquery.currencies.min.js"></script>
<div class="mega-image" id="main-banner">
<div class="mcontainer text-center banner-content" id="text-middle">
<h1 class="whitetxt">How it works</h1>
<p>Let's get down to the details on how this Smart Sock actually works. I'll give you a hint: It's not magic.</p>
</div>
</div>
<div class="mega-image" id="core-technology">
<div class="mcontainer banner-content banner-content-nobkgrnd">
<h4>Core Technology</h4>
<p class="p_black">The Owlet baby monitor and alarm uses the same type of technology hospitals use to check heart rate and oxygen saturation. It is called pulse oximetry, and it has been around for decades. It's that little red light they clip on your finger when you go to the hospital. It is also the same technology that is found on the new Apple Smartwatch. It simply uses small LED lights, shining them onto the skin and sensing how much light makes it back to the photo receptor. Pulse Oximetry is proven, safe and used all over the world.</p>
</div>
</div>
<div class="mega-image" id="requirements">
<div class="mcontainer banner-content...

JavaScript

//<![CDATA[
      var Shopify = Shopify || {};
      Shopify.shop = "owletcare.myshopify.com";
      Shopify.theme = {"name":"Parallax","id":64978627,"theme_store_id":688,"role":"main"};

//]]>


  Currency.format = 'money_with_currency_format';


var shopCurrency = 'USD';

/* Sometimes merchants change their shop currency, let's tell our JavaScript file */
Currency.money_with_currency_format[shopCurrency] = "$ {{amount}} USD";
Currency.money_format[shopCurrency] = "$ {{amount}}";
  
/* Default currency */
var defaultCurrency = 'USD' || shopCurrency;
  
/* Cookie currency */
var cookieCurrency = Currency.cookie.read();

/* Fix for customer account pages */
jQuery('span.money span.money').each(function() {
  jQuery(this).parents('span.money').removeClass('money');
});

/* Saving the current price */
jQuery('span.money').each(function() {
  jQuery(this).attr('data-currency-USD', jQuery(this).html());
});

// If there's no cookie.
if (cookieCurrency == null) {
  if (shopCurrency !== defaultCurrency) {
    Currency.convertAll(shopCurrency, defaultCurrency);
  }
  else {
    Currency.currentCurrency = defaultCurrency;
  }
}
// If the cookie value does not correspond to any value in the currency dropdown.
else if (jQuery('[name=currencies]').size() && jQuery('[name=currencies] option[value=' + cookieCurrency + ']').size() === 0) {
  Currency.currentCurrency = shopCurrency;
  Currency.cookie.write(shopCurrency);
}
else if (cookieCurrency === shopCurrency) {
  Currency.currentCurrency = shopCurrency;
}
else {
  Currency.convertAll(shopCurrency, cookieCurrency);
}

jQuery('[name=currencies]').val(Currency.currentCurrency).change(function() {
  var newCurrency = jQuery(this).val();
  Currency.convertAll(Currency.currentCurrency, newCurrency);
  jQuery('.selected-currency').text(Currency.currentCurrency);
});

var original_selectCallback = window.selectCallback;
var selectCallback = function(variant, selector) {
  original_selectCallback(variant, selector);
 ...