{"id":19092,"date":"2012-05-30T05:23:49","date_gmt":"2012-05-30T09:23:49","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=19092"},"modified":"2013-05-23T09:09:53","modified_gmt":"2013-05-23T13:09:53","slug":"how-to-edit-the-under-construction-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-edit-the-under-construction-page.html","title":{"rendered":"How to edit the “Under construction” page"},"content":{"rendered":"

This tutorial is going to show you how to work on the “Under Construction<\/strong>” page of your template.<\/p>\r\n\r\n

The content of the page can be changed in the under.constrcution.html file located in your site_pro folder. On this page there is a ready-made counter. If we need to change the default time left, add a message and put a redirect to another url or page: <\/p>\r\n\r\n

    \r\n
  1. Go to the “\\site_pro\\site_pro\\js”<\/strong> folder of your template package and open a file called countdown.js<\/strong><\/em> in your favorite code editor (e.g. Dreamweaver).<\/li>\r\n
  2. Scroll down to the very end of the document and change the date in format: "dd:hh:mm:ss" where it says <\/li>\r\n 
    $(function(){$('#counter').countdown({image:  'images\/digits.png',startTime: '09:23:00:00'<\/strong>});});<\/pre>\r\n  
  3. To add a certain message and a redirect when your  counter has successfully finished its processing,  scroll up till you see a set of the extended options like:<\/li>\r\n<\/ol>\r\n\r\n
     \/\/ Default options\r\n  var options = {\r\n  stepTime: 60,\r\n  \/\/ startTime and format MUST follow the same  format.\r\n  \/\/ also you cannot specify a format  unordered (e.g. hh:ss:mm is wrong)\r\n  format: "dd:hh:mm:ss",\r\n  startTime: "01:12:32:55",\r\n  digitImages: 6,\r\n  digitWidth: 53,\r\n  digitHeight: 77,\r\n  timerEnd: function(){},\r\n  image: "digits.png"\r\n  };\r\n  var digits = [], interval;<\/pre>\r\n\r\n
    and modify timerEnd:  function(){},<\/strong> to make it look like  timerEnd: function(){ alert (‘We are opened!<\/strong>‘); window.location=’index.html<\/strong>‘; },\r\nwhere ‘We are opened! Stand  for the welcome message and ‘index.html’ is the url of  your site.\r\n\r\nSave the changes and preview them on your site.<\/p>\r\n\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nHow to edit the “Under construction” page<\/a>","protected":false},"excerpt":{"rendered":"
    This tutorial is going to  show you  how to work on the “Under Construction<\/strong>” page of your template.<\/p>\n","protected":false},"author":30,"featured_media":19098,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016,432],"tags":[1272,1048,572,1271],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/19092"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=19092"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/19092\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/19098"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=19092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=19092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=19092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}