Success

There are no notes for this item.

<div class="global-container">

    <header class="siteheader siteheader--simple" id="top">

        <div class="row">
            <div class="small-12 columns">
                <a href="https://modmore.com/" class="logo">
                    <svg role="img">
                        <use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
                    </svg>
                    <span class="visually-hidden">modmore</span>
                </a>
            </div>
        </div>

    </header>

    <main class="wrapper checkout page-success">
        <div class="row">
            <div class="small-12 column">
                <ol class="checkout-progress">
                    <li class="checkout-progress__item checkout-progress__item--done">
                        <a href="#" class="checkout-progress__link">
                            <div class="checkout-progress__indictator">
                                <span>
                                    <svg role="img" class="icon icon--xlarge icon-box__icon">
                                        <use xlink:href="/svg/svg-symbols.svg#tick"></use>
                                    </svg>
                                </span>
                            </div>
                            <p class="checkout-progress__label">Cart</p>
                        </a>
                    </li>
                    <li class="checkout-progress__item checkout-progress__item--done">
                        <a href="#" class="checkout-progress__link">
                            <div class="checkout-progress__indictator">
                                <span>
                                    <svg role="img" class="icon icon--xlarge icon-box__icon">
                                        <use xlink:href="/svg/svg-symbols.svg#tick"></use>
                                    </svg>
                                </span>
                            </div>
                            <p class="checkout-progress__label">Login/Register</p>
                        </a>
                    </li>
                    <li class="checkout-progress__item checkout-progress__item--active">
                        <div class="checkout-progress__indictator"><span></span></div>
                        <p class="checkout-progress__label">Address</p>
                    </li>
                    <li class="checkout-progress__item">
                        <div class="checkout-progress__indictator"><span></span></div>
                        <p class="checkout-progress__label">Payment</p>
                    </li>
                    <li class="checkout-progress__item">
                        <div class="checkout-progress__indictator"><span></span></div>
                        <p class="checkout-progress__label">Success</p>
                    </li>
                </ol>
            </div>
        </div>

        <div class="row row--small">

            <div class="small-12 large-7 column">

                <h1 class="u-mt0">Thank you for your order</h1>
                <p><strong>Your order number is 00024. You'll receive an email confirmation shortly.</strong></p>
                <p>To use your extra, you'll first need to configure a new Package Provider in your MODX installation:</p>
                <ul>
                    <li>Create a <a href="#">new API key</a></li>
                    <li>Use the bookmarklet on the API key page to add the provider or add it manually by going to Extras > Installer</li>
                    <li>Now in the Package Provider, select modmore.com as the provider and download and install your extra</li>
                </ul>
                <p>Head to our support section for <a href="https://docs.modmore.com/en/Meta/Package_Provider.html">more detailed installation instructions</a>.</p>
                <p>If you have any problems or questions, we're <a href="#">here to help</a>.</p>
                <p>Thank you again for your purchase.</p>
            </div>

            <aside class="small-12 large-5 column">
                <div class="modbot modbot--blink">
                    <svg width="230" height="400" viewBox="0 0 230 400" xmlns="http://www.w3.org/2000/svg">
                        <g class="modbot-inner" fill="none" fill-rule="evenodd">
                            <g class="modbot-angler">
                                <path class="modbot-angler-light-effect" d="M118.29 32.58l-6.573-9.553.94-.94 9.555 6.573c-.52.753-1.11 1.472-1.78 2.14-.67.67-1.39 1.26-2.14 1.78M94.33 32.58c-.75-.52-1.47-1.11-2.14-1.78-.67-.668-1.26-1.387-1.78-2.14l9.556-6.573.94.94-6.575 9.554M99.966 11.275L90.41 4.7c.52-.75 1.11-1.47 1.78-2.14.67-.67 1.39-1.26 2.14-1.78l6.575 9.555-.94.94M112.657 11.275l-.94-.94L118.29.78c.754.52 1.472 1.11 2.142 1.78.67.67 1.26 1.39 1.78 2.14l-9.555 6.575" fill="#E0E2E6"></path>
                                <path d="M103.91 16.68h4.8v32.43h-4.8V16.68z" fill="#ABB0C1"></path>
                                <path class="modbot-angler-light" d="M102.04 16.68c0-2.36 1.912-4.272 4.27-4.272 2.36 0 4.274 1.913 4.274 4.273 0 2.36-1.913 4.273-4.273 4.273-2.358 0-4.27-1.912-4.27-4.272" fill="#EA883A"></path>
                                <path d="M98.235 45.062h16.153v8.077H98.235V45.06z" fill="#C4C7D2"></path>
                            </g>

                            <g class="modbot-neck">
                                <path d="M90.25 152.383v14.06c15.765-1.667 32.12-1.626 32.12-1.626v-12.354l-32.12-.08" fill="#ABB0C1"></path>
                                <path d="M122.37 159.067l-32.12.073v-6.757l32.12.172v6.512" fill="#818AA4"></path>
                            </g>

                            <g class="modbot-body">
                                <g class="modbot-left-arm">
                                    <path d="M9.85 272.25h8.743v9.907H9.85v-9.906z" fill="#ABB0C1"></path>
                                    <path d="M2.536 230.41h23.37v28.037H2.536V230.41z" fill="#C4C7D2"></path>
                                    <path d="M3.587 254.444H24.43v19.812H3.588v-19.812z" fill="#C4C7D2"></path>
                                    <path d="M24.785 194.63H41.05v30.416H24.785V194.63zM17.384 303.813l8.39 3.017s11.046-28.816-11.81-28.816c-4.628 0-8.38 3.752-8.38 8.38 0 4.628 3.752 8.38 8.38 8.38 4.612 0 3.42 9.04 3.42 9.04" fill="#ABB0C1"></path>
                                    <path d="M11.06 303.813l-8.392 3.017s-11.045-28.816 11.81-28.816c4.63 0 8.38 3.752 8.38 8.38 0 4.628-3.75 8.38-8.38 8.38-4.61 0-3.42 9.04-3.42 9.04" fill="#C4C7D2"></path>
                                    <path d="M11.37 286.394c0-1.513 1.226-2.74 2.74-2.74 1.513 0 2.74 1.227 2.74 2.74 0 1.513-1.227 2.74-2.74 2.74-1.514 0-2.74-1.227-2.74-2.74" fill="#FFF"></path>
                                    <path d="M2.536 257.604h23.37v.843H2.536v-.843z" fill="#ABB0C1"></path>
                                    <path d="M2.536 257.604h23.37v.843H2.536v-.843z" fill="#ABB0C1"></path>
                                    <path d="M23.283 186.636c-12.58 0-22.78 10.2-22.78 22.78h.867v1.17H.502v21.962h27.44v-45.906l-4.66-.006" fill="#244A73"></path>
                                    <path d="M1.37 209.417h26.57v1.17H1.37v-1.17z" fill="#1C3756"></path>
                                    <path d="M7.29 199.74c-.274 0-.5-.073-.66-.227-.73-.694.122-2.77 1.9-4.636 1.385-1.45 2.923-2.35 3.88-2.35.273 0 .5.074.66.228.73.695-.122 2.77-1.9 4.636-1.386 1.453-2.924 2.35-3.88 2.35" fill="#38547B"></path>
                                </g>
                                <g class="modbot-right-arm">
                                    <path d="M195.092 272.25h8.743v9.907h-8.743v-9.906z" fill="#ABB0C1"></path>
                                    <path d="M187.778 230.41h23.37v28.037h-23.37V230.41z" fill="#C4C7D2"></path>
                                    <path d="M189.254 254.444h20.844v19.812h-20.844v-19.812z" fill="#C4C7D2"></path>
                                    <path d="M172.635 194.63H188.9v30.416h-16.265V194.63zM196.3 303.813l-8.39 3.017s-11.045-28.816 11.81-28.816c4.63 0 8.38 3.752 8.38 8.38 0 4.628-3.75 8.38-8.38 8.38-4.61 0-3.42 9.04-3.42 9.04" fill="#ABB0C1"></path>
                                    <path d="M202.626 303.813l8.39 3.017s11.046-28.816-11.81-28.816c-4.628 0-8.38 3.752-8.38 8.38 0 4.628 3.752 8.38 8.38 8.38 4.612 0 3.42 9.04 3.42 9.04" fill="#C4C7D2"></path>
                                    <path d="M202.315 286.394c0-1.513-1.226-2.74-2.74-2.74-1.513 0-2.74 1.227-2.74 2.74 0 1.513 1.227 2.74 2.74 2.74 1.514 0 2.74-1.227 2.74-2.74" fill="#FFF"></path>
                                    <path d="M187.778 257.604h23.37v.843h-23.37v-.843z" fill="#ABB0C1"></path>
                                    <path d="M187.778 257.604h23.37v.843h-23.37v-.843z" fill="#ABB0C1"></path>
                                    <path d="M190.402 186.636c12.582 0 22.78 10.2 22.78 22.78h-.867v1.17h.868v21.962h-27.44v-45.905l4.66-.007" fill="#244A73"></path>
                                    <path d="M185.744 209.417h26.57v1.17h-26.57v-1.17z" fill="#1C3756"></path>
                                </g>

                                <g class="modbot-wheel">
                                    <path class="modmore-wheel-shadow" d="M106.506 375.637c-27.953 0-50.614-2.652-50.614-5.923 0-1.98 8.29-3.73 21.03-4.807 8.312 3.017 18.676 4.807 29.916 4.807 11.18 0 21.5-1.772 29.79-4.76 12.435 1.08 20.493 2.81 20.493 4.76 0 3.27-22.66 5.923-50.614 5.923" fill="#DFE0D9"></path>
                                    <path d="M47.188 295.78h119.3v24.432h-119.3V295.78z" fill="#818AA4"></path>
                                    <path d="M156.375 346.022c0 13.085-22.178 23.692-49.537 23.692-27.36 0-49.54-10.607-49.54-23.692v-50.885c0-13.084 22.18-23.69 49.54-23.69s49.537 10.606 49.537 23.69v50.885" fill="#244A73"></path>
                                    <path d="M156.375 307.655H57.3v-8.85c.644-.363 1.388-.57 2.18-.57h94.714c.792 0 1.536.207 2.18.57v8.85" fill="#475971"></path>
                                </g>

                                <g class="modbot-torso">
                                    <path d="M106.837 162.105c-26.834 0-51.446 2.538-70.678 6.764-5.135 1.127-8.584 5.96-8.044 11.19l15.272 147.914h11.627V302.7c0-2.465 2-4.464 4.465-4.464h94.714c2.466 0 4.466 2 4.466 4.464v25.274h11.628l15.27-147.913c.54-5.228-2.907-10.06-8.042-11.19-19.23-4.226-43.843-6.765-70.68-6.765" fill="#C4C7D2"></path>
                                    <path class="modbot-torso-logo" d="M95.983 226.687h-1.407c-5.16 0-7.41-3.237-7.41-7.458v-6.19c0-2.16-2.345-2.58-2.345-2.58v-5.442s2.346-.423 2.346-2.58v-6.19c0-4.223 2.25-7.458 7.41-7.458h1.407v5.393h-1.03c-2.253 0-2.253 1.595-2.253 3.096v5.44c0 3.094-2.298 4.55-4.455 5.018 2.157.47 4.455 1.923 4.455 5.018v5.442c0 1.5 0 3.094 2.252 3.094h1.03v5.395M119.807 226.687H118.4v-5.395h1.032c2.25 0 2.25-1.594 2.25-3.094v-5.442c0-3.095 2.3-4.55 4.457-5.018-2.16-.47-4.457-1.924-4.457-5.018v-5.44c0-1.502 0-3.097-2.25-3.097H118.4v-5.393h1.407c5.16 0 7.41 3.235 7.41 7.457v6.19c0 2.158 2.346 2.58 2.346 2.58v5.442s-2.345.42-2.345 2.58v6.19c0 4.22-2.252 7.457-7.41 7.457M109.842 216.25h-5.253v-5.862h-5.91v-5.253h5.91v-5.91h5.252v5.91h5.863v5.253h-5.863v5.863" fill="#A5AFBC"></path>

                                    <path d="M140.646 282.71h16.133c.978 0 1.772.795 1.772 1.774v7.016c0 .98-.794 1.773-1.773 1.773h-16.134c-.98 0-1.773-.794-1.773-1.773v-7.016c0-.98.794-1.773 1.773-1.773" fill="#FFF"></path>
                                    <path class="modbot-torso-light" d="M155.437 287.992c0 1.338-1.084 2.423-2.423 2.423-1.338 0-2.423-1.085-2.423-2.423s1.086-2.423 2.424-2.423c1.34 0 2.423 1.084 2.423 2.422" fill="#EA883A"></path>
                                </g>
                            </g>
                            <g class="modbot-head">
                                <path d="M47.98 49.183h116.544v59.186H47.98V49.182z" fill="#C4C7D2"></path>
                                <path d="M156.444 58.487c0-5.138-4.165-9.304-9.303-9.304H65.363c-5.138 0-9.303 4.166-9.303 9.304V98.72h-8.08v16.154h8.08v32.66c0 5.14 4.164 9.304 9.302 9.304h81.78c5.137 0 9.302-4.165 9.302-9.304v-32.66h8.08V98.72h-8.08V58.488z" fill="#C4C7D2"></path>
                                <path d="M148.367 115.278v31.853c0 .884-.747 1.63-1.63 1.63h-80.97c-.884 0-1.63-.746-1.63-1.63V58.89c0-.883.746-1.63 1.63-1.63h80.97c.883 0 1.63.747 1.63 1.63v56.388" fill="#34567A"></path>
                                <path class="modbot-head-mouth" d="M83.387 126.86h2.29v13.986h-2.29V126.86z M126.826 126.86h2.29v13.986h-2.29V126.86z M122.482 126.86h2.29v13.986h-2.29V126.86z M118.138 126.86h2.29v13.986h-2.29V126.86z M113.794 126.86h2.29v13.986h-2.29V126.86z M109.45 126.86h2.29v13.986h-2.29V126.86z M105.107 126.86h2.29v13.986h-2.29V126.86z M100.763 126.86h2.29v13.986h-2.29V126.86z M96.42 126.86h2.29v13.986h-2.29V126.86z M92.075 126.86h2.29v13.986h-2.29V126.86z M87.73 126.86h2.29v13.986h-2.29V126.86z M148.367 60.49v-1.6c0-.883-.747-1.63-1.63-1.63h-80.97c-.884 0-1.63.747-1.63 1.63v1.6h84.23" fill="#1C3756"></path>

                                <g class="modbot-head-left-eye">
                                    <path d="M86.227 90.256c-5.523 0-10.014 4.493-10.014 10.014 0 5.522 4.49 10.014 10.014 10.014 5.52 0 10.013-4.492 10.013-10.014 0-5.52-4.492-10.014-10.013-10.014zm0 27.297c-9.53 0-17.283-7.753-17.283-17.283 0-9.53 7.753-17.283 17.283-17.283 9.53 0 17.282 7.753 17.282 17.283 0 9.53-7.754 17.283-17.283 17.283z" fill="#1C3756"></path>
                                    <path d="M86.226 87.724c-5.522 0-10.013 4.493-10.013 10.014 0 5.522 4.49 10.014 10.013 10.014 5.522 0 10.014-4.492 10.014-10.014 0-5.52-4.492-10.014-10.014-10.014zm0 27.297c-9.53 0-17.282-7.752-17.282-17.282 0-9.53 7.753-17.283 17.282-17.283 9.53 0 17.283 7.753 17.283 17.283 0 9.53-7.754 17.283-17.284 17.283z" fill="#C4C7D2"></path>
                                    <path d="M86.227 86.42c-6.24 0-11.318 5.078-11.318 11.318 0 6.24 5.076 11.317 11.317 11.317 6.24 0 11.316-5.076 11.316-11.317 0-6.24-5.076-11.317-11.316-11.317" fill="#EA883A"></path>
                                    <path d="M86.227 87.407c6.073 0 11.03 4.814 11.29 10.825.008-.165.026-.327.026-.494 0-6.24-5.077-11.317-11.316-11.317-6.24 0-11.318 5.078-11.318 11.318 0 .167.017.33.024.494.26-6.01 5.218-10.825 11.293-10.825" fill="#1C3756"></path>
                                    <path d="M82.477 91.572c-1.133 0-2.055.922-2.055 2.056 0 1.133.922 2.055 2.055 2.055s2.055-.922 2.055-2.055c0-1.134-.922-2.056-2.055-2.056" fill="#FFF"></path>
                                </g>

                                <g class="modbot-head-right-eye">
                                    <path d="M126.277 90.256c-5.522 0-10.014 4.493-10.014 10.014 0 5.522 4.492 10.014 10.014 10.014 5.52 0 10.013-4.492 10.013-10.014 0-5.52-4.492-10.014-10.013-10.014zm0 27.297c-9.53 0-17.284-7.753-17.284-17.283 0-9.53 7.754-17.283 17.284-17.283s17.282 7.753 17.282 17.283c0 9.53-7.754 17.283-17.283 17.283z" fill="#1C3756"></path>
                                    <path d="M126.277 87.724c-5.523 0-10.014 4.493-10.014 10.014 0 5.522 4.49 10.014 10.014 10.014 5.52 0 10.013-4.492 10.013-10.014 0-5.52-4.492-10.014-10.013-10.014zm0 27.297c-9.53 0-17.284-7.752-17.284-17.282 0-9.53 7.754-17.283 17.284-17.283s17.282 7.753 17.282 17.283c0 9.53-7.754 17.283-17.283 17.283z" fill="#C4C7D2"></path>
                                    <path d="M126.277 86.42c-6.24 0-11.318 5.078-11.318 11.318 0 6.24 5.076 11.317 11.317 11.317 6.24 0 11.316-5.076 11.316-11.317 0-6.24-5.076-11.317-11.316-11.317" fill="#EA883A"></path>
                                    <path d="M126.277 87.407c6.073 0 11.03 4.814 11.29 10.825.008-.165.026-.327.026-.494 0-6.24-5.076-11.317-11.316-11.317-6.24 0-11.318 5.078-11.318 11.318 0 .167.017.33.024.494.26-6.01 5.218-10.825 11.293-10.825" fill="#1C3756"></path>
                                    <path d="M122.527 91.572c-1.133 0-2.055.922-2.055 2.056 0 1.133.922 2.055 2.055 2.055s2.055-.922 2.055-2.055c0-1.134-.922-2.056-2.055-2.056" fill="#FFF"></path>
                                </g>

                                <g class="modbot-eyebrows">
                                    <path class="modbot-eyebrows-shadow" d="M99.715 75.14H72.737c-.69 0-1.25-.56-1.25-1.25v-3.52c0-.69.56-1.25 1.25-1.25h26.978c.69 0 1.25.56 1.25 1.25v3.52c0 .69-.56 1.25-1.25 1.25M139.765 75.14h-26.978c-.69 0-1.25-.56-1.25-1.25v-3.52c0-.69.56-1.25 1.25-1.25h26.978c.69 0 1.25.56 1.25 1.25v3.52c0 .69-.56 1.25-1.25 1.25" fill="#1C3756"></path>
                                    <path class="modbot-eyebrows-actual-brows" d="M99.715 73.236H72.737c-.69 0-1.25-.56-1.25-1.25v-3.52c0-.69.56-1.25 1.25-1.25h26.978c.69 0 1.25.56 1.25 1.25v3.52c0 .69-.56 1.25-1.25 1.25M139.765 73.236h-26.978c-.69 0-1.25-.56-1.25-1.25v-3.52c0-.69.56-1.25 1.25-1.25h26.978c.69 0 1.25.56 1.25 1.25v3.52c0 .69-.56 1.25-1.25 1.25" fill="#C4C7D2"></path>
                                </g>
                            </g>
                        </g>
                    </svg>
                </div>
            </aside>
        </div>

        <div class="row checkout-footer">
            <div class="small-12 column">
                <p class="checkout-footer__text">Made with &#9829;<br> Powered by <a href="#">Commerce</a></p>
            </div>
        </div>
    </main>

    <footer class="page-footer page-footer--simple">
        <div class="row">
            <div class="columns small-12 large-6">
                <p class="smallprint">© 2013 - 2020 modmore.</p>
                <p class="smallprint">KVK: 52454606 • VAT: NL001103641B07<br> Oenemastate 14, 8926PR, Leeuwarden, The Netherlands</p>
            </div>
            <div class="columns small-12 large-6 align-bottom">
                <nav>
                    <ul class="footer-nav-horiz">
                        <li>
                            <span>Change currency:</span>
                            <select title="Select a currency" aria-label="Select a currency" style="width: auto;" id="currencySelector" class="currency-selector">
                                <option value="EUR">EUR</option>
                                <option value="USD">USD</option>
                                <option value="GBP">GBP</option>
                                <option value="RUB">RUB</option>
                                <option value="CHF">CHF</option>
                                <option value="CAD">CAD</option>
                            </select>
                        </li>
                        <li><a href="#">Terms of Service</a></li>
                        <li><a href="#">Privacy &amp; Cookies</a></li>
                    </ul>
                </nav>

            </div>
        </div>
    </footer>
/* No context defined for this component. */