add support for manually setting page title

Author: QYL

_config.yml

@@ -1,3 +1,6 @@
+#page title
+page_title                                :                                           # Automatically populates with app name if not set and if iOS app ID is set. Otherwise enter manually.
+
 # App Info
 ios_app_id                                : 1234793120                                # Required. Enter iOS app ID to automatically populate name, price and icons (e.g. 718043190).
 

_includes/appstoreimages.html

@@ -18,6 +18,12 @@
             // Set favicon
             $('link[rel="shortcut icon"]').attr("href", appInfo.artworkUrl512);
 
+            // Set page title using the iOS app ID if it is not set manually in _config.yml
+            var $pageTitle = $(".pageTitle");
+            if ($.trim($($pageTitle).text()).length == 0) {
+                $($pageTitle).html(appInfo.trackName);
+            }
+            
             // Set large app icon using the iOS app ID if it is not set manually in _config.yml
             var $appIconLarge = $(".appIconLarge");
             if (!$appIconLarge.attr('src')) {

_includes/head.html

@@ -4,7 +4,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<base target="_blank">
 
-	<title>{{ site.app_name }}</title>
+	<title class="pageTitle">{{ site.page_title }}</title>
 	<meta name="description" content="{{ site.app_description }}">
 
 	<link rel="shortcut icon" href="{{ site.app_icon }}">