Layout/tear_sheet.liquid

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="{{ settings.accent_secondary }}">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:300,600" rel="stylesheet">
  <link rel="canonical" href="{{ canonical_url }}">
 
  {% if settings.favicon %}
    <link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" />
  {% endif %}
 
  <!-- CHANGE TO YOUR FAVORITE FONT AND EDIT IN 'page.tear-sheet.liquid' -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat" />
 
  <script>
   
//  DECLARE PRODUCT ID FROM URL
    var prodUrl = window.location;
    
    var prodIdUrl = window.location.search.substr(1);
    
    if (prodUrl = prodIdUrl + "=&ose=false"){
      var prodId = prodIdUrl.replace("=&ose=false", "");
    } else if(prodUrl = prodIdUrl + "=&ose=true") {
      var prodId = prodIdUrl.replace("=&ose=true", "");
    }
    
//  SPLIT "&" INTO OBJECTS
    var urlRes = prodIdUrl.split("&");
    
//  DECLARE PRODUCT TITLE
    var titleStore = "title" + prodId;
    var titleGet = localStorage.getItem(titleStore);
    
//  UPDATE PAGE TITLE
    document.title = titleGet;
   
  </script>
 
  <title></title>
 
  {{ content_for_header }}
 
</head>
 
 
<body id="sheet-id" class="sheet-class">
 
    <!-- DISPLAYS CONTENT FROM "Templates/page.tear-sheet" -->
    <main role="main" id="MainContent" class="main-content">
 
      <!-- Required -->
      {{ content_for_layout }}
 
    </main>
 
</body>
</html>
<!-- Genius coding by Grävy Design Co. // @gravyhtx --> 