Commmerce Docs
← Web Components

Web Components · Footer

<mmm-footer-download-app>

"Download our app" — App Store and Play Store badges pulled from footer data. Renders only when the store has at least one badge with a valid image URL.

Overview

Data source: STORE_INFO_DATA.navigations.footer["DOWNLOAD APP"] (or the legacy DOWNLOAD_APP key). Each app entry supports either image or icon for the badge URL.

When to use

  • Inside <mmm-footer> for app-equipped retailers.
  • On a landing page promoting the mobile app launch.

Quick start

<script src="https://v2-api-production.commmerce.com/api/v1/web-component/commmerce-sdk.js?store=sample-store"></script>

<mmm-footer-download-app title-text="Download our app"></mmm-footer-download-app>

Attributes

AttributeTypeDefaultDescription
show-titlebooleantrueShow the section heading above the badges.
title-textstringDownload AppHeading text. Store data can override via section_title.
links-img-widthnumber130Width of each badge at the widest breakpoint (px). Scales 0.6×–1× down on smaller screens.
links-img-heightnumber50Max-height cap for each badge (px).
links-img-object-fitstringcontainCSS object-fit for badge images.
font-weightstringtheme button weightHeading font-weight.
center-alignbooleanfalseCentre the heading and badge row horizontally.

Live preview

store sample-store tag <mmm-footer-download-app>

Examples

1. Default

<mmm-footer-download-app></mmm-footer-download-app>

2. Centred, larger badges

<mmm-footer-download-app
  title-text="Get the app"
  links-img-width="160"
  links-img-height="60"
  center-align="true"></mmm-footer-download-app>

3. Badges only — no heading

<mmm-footer-download-app
  show-title="false"
  links-img-width="110"></mmm-footer-download-app>