diff --git a/lms/envs/aws.py b/lms/envs/aws.py
index 85a7cd1fd3..b21b0e9ebe 100644
--- a/lms/envs/aws.py
+++ b/lms/envs/aws.py
@@ -210,6 +210,9 @@ THEME_NAME = ENV_TOKENS.get('THEME_NAME', None)
# Marketing link overrides
MKTG_URL_LINK_MAP.update(ENV_TOKENS.get('MKTG_URL_LINK_MAP', {}))
+# Mobile store URL overrides
+MOBILE_STORE_URLS = ENV_TOKENS.get('MOBILE_STORE_URLS', MOBILE_STORE_URLS)
+
# Timezone overrides
TIME_ZONE = ENV_TOKENS.get('TIME_ZONE', TIME_ZONE)
diff --git a/lms/envs/common.py b/lms/envs/common.py
index e785c78f8b..8623017d42 100644
--- a/lms/envs/common.py
+++ b/lms/envs/common.py
@@ -308,6 +308,9 @@ FEATURES = {
# Separate the verification flow from the payment flow
'SEPARATE_VERIFICATION_FROM_PAYMENT': False,
+
+ # Show the mobile app links in the footer
+ 'ENABLE_FOOTER_MOBILE_APP_LINKS': False,
}
# Ignore static asset files on import which match this pattern
@@ -1593,6 +1596,13 @@ MKTG_URL_LINK_MAP = {
'WHAT_IS_VERIFIED_CERT': 'verified-certificate',
}
+################# Mobile URLS ##########################
+
+# These are URLs to the app store for mobile.
+MOBILE_STORE_URLS = {
+ 'apple': '#',
+ 'google': '#'
+}
################# Student Verification #################
VERIFY_STUDENT = {
diff --git a/lms/static/images/app/app_store_badge_135x40.svg b/lms/static/images/app/app_store_badge_135x40.svg
new file mode 100644
index 0000000000..ac111e5974
--- /dev/null
+++ b/lms/static/images/app/app_store_badge_135x40.svg
@@ -0,0 +1,129 @@
+
+
+
+
diff --git a/lms/static/images/app/google_play_badge_45.png b/lms/static/images/app/google_play_badge_45.png
new file mode 100644
index 0000000000..9891cbbd39
Binary files /dev/null and b/lms/static/images/app/google_play_badge_45.png differ
diff --git a/lms/static/sass/shared/_footer.scss b/lms/static/sass/shared/_footer.scss
index 3819ef3795..e9eb83d166 100644
--- a/lms/static/sass/shared/_footer.scss
+++ b/lms/static/sass/shared/_footer.scss
@@ -429,4 +429,32 @@ $edx-footer-bg-color: rgb(252,252,252);
}
}
}
+
+ // App links
+ // --------------------
+ .footer-mobile-apps {
+ padding-top: 20px;
+
+ .mobile-app-wrapper {
+ margin: 0 0 10px 0;
+ }
+
+ a {
+ display: inline-block;
+
+ &:hover {
+ border: none;
+ }
+ }
+
+ .app-store {
+ height: auto;
+ width: 129px;
+ }
+
+ .google-play {
+ height: auto;
+ width: 129px;
+ }
+ }
}
diff --git a/lms/templates/footer-edx-new.html b/lms/templates/footer-edx-new.html
index c3667758ca..9f207bc276 100644
--- a/lms/templates/footer-edx-new.html
+++ b/lms/templates/footer-edx-new.html
@@ -94,6 +94,22 @@
${_("Google+")}
+
+ % if settings.FEATURES.get('ENABLE_FOOTER_MOBILE_APP_LINKS'):
+
+ % endif
})
+
+ })
+
+