■ 수정위치
1. 관리자모드 -> 모바일샵 > 모바일샵 디자인 관리 에서 수정할 스킨이 "현재 작업스킨"으로 설정
2. 관리자모드 -> 모바일샵 > 모바일샵 디자인 관리, 트리에서 아래의 파일을 선택후 수정
■ 적용스킨
story_g
■ 파일추가
1. 관리자모드 > 디자인 > Web FTP 선택
2. Web FTP 팝업화면에서
패치 파일에 동봉된 파일들을
data/ 경로에 전체 업로드합니다.
  • data/skin/mobile/story_g/img/etc/ico_mo_apple.png
  • data/skin/mobile/story_g/img/etc/logo_apple.png
  • data/skin/mobile/story_g/img/etc/mo_apple_s.png
  • data/skin/mobile/story_g/img/etc/square_apple.png
  • data/skin/mobile/story_g/img/etc/txt_mo_apple.png
  • data/skin/mobile/story_g/img/etc/txt_mo_apple_join.png
  • data/skin/mobile/story_g/js/gd_apple.js
  • mobile/story_g/css/gd_contents.css CHANGED
    @@ -3918,10 +3918,21 @@ background: #f1f1f1;
    3918
    }
    3919
    .sns-login.wa img{
    3920
    width:auto;
    3921
    height:42px;
    3922
    }
    3923
    .ly_buy_dn .sns-login-area li{
    3924
    float:left;
    3925
    width:49%;
    3926
    padding:0;
    3927
    margin-bottom:2%;
    3918
    }
    3919
    .sns-login.wa img{
    3920
    width:auto;
    3921
    height:42px;
    3922
    }
    3923
    + .sns-login.ap{
    3924
    + background:url('../img/etc/ico_mo_apple.png') left top no-repeat;
    3925
    + background-size: auto 42px;
    3926
    + height: 42px;
    3927
    + padding-left: 43px;
    3928
    + border-color:#ccc;
    3929
    + }
    3930
    + .sns-login.ap img{
    3931
    + width:auto;
    3932
    + height:42px;
    3933
    + }
    3934
    .ly_buy_dn .sns-login-area li{
    3935
    float:left;
    3936
    width:49%;
    3937
    padding:0;
    3938
    margin-bottom:2%;


    mobile/story_g/intro/adult_guest.html CHANGED
    @@ -30,12 +30,18 @@
    30
    <label for="saveAutoLogin">{=__('로그인 상태 유지')}</label>
    31
    </div>
    32
    <div class="submit-section">
    33
    <button type="submit" class="btn" id="login-btn">{=__('로그인')}</button>
    34
    </div>
    35
    - <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin}-->
    36
    <div class="submit-section">
    37
    <!--{? usePaycoLogin}-->
    38
    <div class="sns-login pa js-btn-payco-login">
    39
    <img src="../img/etc/txt_mo_payco.png" alt="payco {=__('아이디 로그인')}">
    40
    </div>
    41
    <!--{/}-->
    @@ -147,9 +153,30 @@
    147
    window.addEventListener('message', function (e) {
    148
    if (e.origin === 'http://hpauthdream.godo.co.kr') {
    149
    $('#layerSearch').remove();
    150
    }
    151
    });
    152
    });
    153
    </script>
    154
    155
    { # share_footer }
    30
    <label for="saveAutoLogin">{=__('로그인 상태 유지')}</label>
    31
    </div>
    32
    <div class="submit-section">
    33
    <button type="submit" class="btn" id="login-btn">{=__('로그인')}</button>
    34
    </div>
    35
    + <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
    36
    <div class="submit-section">
    37
    + <!--{ ? useAppleLogin }-->
    38
    + <a class="sns-login ap js-btn-apple-login" href="#">
    39
    + <img id="apple_btn" src="../img/etc/txt_mo_apple.png" alt="{=__('Apple')} {=__('아이디 로그인')}">
    40
    + <div id="appleid-signin" style="display: none"></div>
    41
    + </a>
    42
    + <!--{/}-->
    43
    <!--{? usePaycoLogin}-->
    44
    <div class="sns-login pa js-btn-payco-login">
    45
    <img src="../img/etc/txt_mo_payco.png" alt="payco {=__('아이디 로그인')}">
    46
    </div>
    47
    <!--{/}-->
    153
    window.addEventListener('message', function (e) {
    154
    if (e.origin === 'http://hpauthdream.godo.co.kr') {
    155
    $('#layerSearch').remove();
    156
    }
    157
    });
    158
    +
    159
    + <!--{ ? useAppleLogin }-->
    160
    + $("#apple_btn").on("click", startClicked);
    161
    + function startClicked(){
    162
    + $("#appleid-signin").click();
    163
    + }
    164
    + <!--{ / }-->
    165
    +
    166
    + });
    167
    + </script>
    168
    +
    169
    + <!--{ ? useAppleLogin }-->
    170
    + <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    171
    + <script type="text/javascript">
    172
    + AppleID.auth.init({
    173
    + clientId : '{client_id}',
    174
    + scope : 'name email',
    175
    + redirectURI: '{apple_redirectURI}',
    176
    + state: '{state}',
    177
    + // usePopup: true
    178
    });
    179
    </script>
    180
    + <!--{ / }-->
    181
    182
    { # share_footer }


    mobile/story_g/intro/member.html CHANGED
    @@ -29,12 +29,18 @@
    29
    <label for="saveAutoLogin">{=__('로그인 상태 유지')}</label>
    30
    </div>
    31
    <div class="submit-section">
    32
    <button type="submit" class="btn" id="login-btn">{=__('로그인')}</button>
    33
    </div>
    34
    - <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin}-->
    35
    <div class="submit-section">
    36
    <!--{? usePaycoLogin}-->
    37
    <div class="sns-login pa js-btn-payco-login">
    38
    <img src="../img/etc/txt_mo_payco.png" alt="payco {=__('아이디 로그인')}">
    39
    </div>
    40
    <!--{/}-->
    @@ -123,11 +129,32 @@
    123
    }
    124
    $('#login-btn').attr('disabled', false);
    125
    });
    126
    }
    127
    });
    128
    });
    129
    </script>
    130
    131
    { # share_footer }
    132
    133
    29
    <label for="saveAutoLogin">{=__('로그인 상태 유지')}</label>
    30
    </div>
    31
    <div class="submit-section">
    32
    <button type="submit" class="btn" id="login-btn">{=__('로그인')}</button>
    33
    </div>
    34
    + <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
    35
    <div class="submit-section">
    36
    + <!--{ ? useAppleLogin }-->
    37
    + <a class="sns-login ap js-btn-apple-login" href="#">
    38
    + <img id="apple_btn" src="../img/etc/txt_mo_apple.png" alt="{=__('Apple')} {=__('아이디 로그인')}">
    39
    + <div id="appleid-signin" style="display: none"></div>
    40
    + </a>
    41
    + <!--{/}-->
    42
    <!--{? usePaycoLogin}-->
    43
    <div class="sns-login pa js-btn-payco-login">
    44
    <img src="../img/etc/txt_mo_payco.png" alt="payco {=__('아이디 로그인')}">
    45
    </div>
    46
    <!--{/}-->
    129
    }
    130
    $('#login-btn').attr('disabled', false);
    131
    });
    132
    }
    133
    });
    134
    +
    135
    + <!--{ ? useAppleLogin }-->
    136
    + $("#apple_btn").on("click", startClicked);
    137
    + function startClicked(){
    138
    + $("#appleid-signin").click();
    139
    + }
    140
    + <!--{ / }-->
    141
    +
    142
    + });
    143
    + </script>
    144
    +
    145
    + <!--{ ? useAppleLogin }-->
    146
    + <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    147
    + <script type="text/javascript">
    148
    + AppleID.auth.init({
    149
    + clientId : '{client_id}',
    150
    + scope : 'name email',
    151
    + redirectURI: '{redirectURI}',
    152
    + state: '{state}',
    153
    + // usePopup: true
    154
    });
    155
    </script>
    156
    + <!--{ / }-->
    157
    158
    { # share_footer }
    159
    160


    mobile/story_g/member/join.html CHANGED
    @@ -41,10 +41,11 @@
    41
    <script type="text/javascript">
    42
    var paycoProfile = {paycoProfile};
    43
    var naverProfile = {naverProfile};
    44
    var thirdPartyProfile = {thirdPartyProfile};
    45
    var kakaoProfile = {kakaoProfile};
    46
    47
    $(document).ready(function () {
    48
    var $formJoin = $('#formJoin');
    49
    50
    $(':text:first', $formJoin).focus();
    41
    <script type="text/javascript">
    42
    var paycoProfile = {paycoProfile};
    43
    var naverProfile = {naverProfile};
    44
    var thirdPartyProfile = {thirdPartyProfile};
    45
    var kakaoProfile = {kakaoProfile};
    46
    + var appleProfile = {appleProfile};
    47
    48
    $(document).ready(function () {
    49
    var $formJoin = $('#formJoin');
    50
    51
    $(':text:first', $formJoin).focus();


    mobile/story_g/member/join_method.html CHANGED
    @@ -1,10 +1,18 @@
    1
    {*** 회원가입 | member/join_method.php ***}
    2
    { # header }
    3
    <section class="member-join joinstep0">
    4
    <div class="sns-login-wrap">
    5
    <a href="javascript://" class="sns-login" id="btnJoin">{=__('쇼핑몰 아이디 회원가입')}</a>
    6
    <!--{? usePaycoLogin}-->
    7
    <div class="sns-login pa js-btn-payco-login">
    8
    <img src="../img/etc/txt_mo_payco_join.png" alt="{=__('PAYCO')} {=__('아이디 회원가입')}">
    9
    </div>
    10
    <!--{/}-->
    @@ -34,8 +42,29 @@
    34
    <script type="text/javascript">
    35
    $(document).ready(function () {
    36
    $('#btnJoin').click(function () {
    37
    location.href = '../member/join_agreement.php?memberFl=personal';
    38
    });
    39
    });
    40
    </script>
    41
    { # footer }
    1
    {*** 회원가입 | member/join_method.php ***}
    2
    { # header }
    3
    <section class="member-join joinstep0">
    4
    <div class="sns-login-wrap">
    5
    <a href="javascript://" class="sns-login" id="btnJoin">{=__('쇼핑몰 아이디 회원가입')}</a>
    6
    + <!-- 210122 애플로그인 추가 -->
    7
    + <!--{? useAppleLogin}-->
    8
    + <li class="sns-login ap js-btn-apple-login" data-type="sign in">
    9
    + <img id="apple_btn" src="../img/etc/txt_mo_apple_join.png" alt="{=__('Apple')} {=__('아이디 회원가입')}">
    10
    + <div id="appleid-signin" style="display: none"></div>
    11
    + </li>
    12
    + <!--{/}-->
    13
    + <!-- // 210122 애플로그인 추가 -->
    14
    <!--{? usePaycoLogin}-->
    15
    <div class="sns-login pa js-btn-payco-login">
    16
    <img src="../img/etc/txt_mo_payco_join.png" alt="{=__('PAYCO')} {=__('아이디 회원가입')}">
    17
    </div>
    18
    <!--{/}-->
    42
    <script type="text/javascript">
    43
    $(document).ready(function () {
    44
    $('#btnJoin').click(function () {
    45
    location.href = '../member/join_agreement.php?memberFl=personal';
    46
    });
    47
    +
    48
    + <!--{ ? useAppleLogin }-->
    49
    + $("#apple_btn").on("click", startClicked);
    50
    + function startClicked(){
    51
    + $("#appleid-signin").click();
    52
    + }
    53
    + <!--{ / }-->
    54
    });
    55
    </script>
    56
    +
    57
    + <!--{ ? useAppleLogin }-->
    58
    + <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    59
    + <script type="text/javascript">
    60
    + AppleID.auth.init({
    61
    + clientId : '{client_id}',
    62
    + scope : 'name email',
    63
    + redirectURI: '{redirectURI}',
    64
    + state: '{state}',
    65
    + // usePopup: true
    66
    + });
    67
    + </script>
    68
    + <!--{ / }-->
    69
    +
    70
    { # footer }


    mobile/story_g/member/login.html CHANGED
    @@ -28,12 +28,20 @@
    28
    <button type="submit" class="btn" id="login-btn">{=__('로그인')}</button>
    29
    </div>
    30
    </fieldset>
    31
    </form>
    32
    33
    - <!--{ ? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin }-->
    34
    <ul class="btn_center">
    35
    <!--{ ? usePaycoLogin }-->
    36
    <li class="sns-login pa js-btn-payco-login btn">
    37
    <img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 회원가입')}">
    38
    </li>
    39
    <!--{ / }-->
    @@ -193,8 +201,39 @@
    193
    }
    194
    });
    195
    return false;
    196
    }
    197
    });
    198
    });
    199
    </script>
    200
    { # footer }
    28
    <button type="submit" class="btn" id="login-btn">{=__('로그인')}</button>
    29
    </div>
    30
    </fieldset>
    31
    </form>
    32
    33
    + <!--{ ? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
    34
    <ul class="btn_center">
    35
    + <!-- 210122 애플로그인 추가 -->
    36
    + <!--{ ? useAppleLogin }-->
    37
    + <li class="sns-login ap js-btn-apple-login btn">
    38
    + <img id="apple_btn" src="../img/etc/txt_mo_apple.png" alt="{=__('Apple')} {=__('아이디 로그인')}">
    39
    + <div id="appleid-signin" style="display: none"></div>
    40
    + </li>
    41
    + <!--{ / }-->
    42
    + <!-- // 210122 애플로그인 추가 -->
    43
    <!--{ ? usePaycoLogin }-->
    44
    <li class="sns-login pa js-btn-payco-login btn">
    45
    <img src="../img/etc/txt_mo_payco.png" alt="{=__('PAYCO')} {=__('아이디 회원가입')}">
    46
    </li>
    47
    <!--{ / }-->
    201
    }
    202
    });
    203
    return false;
    204
    }
    205
    });
    206
    +
    207
    + <!--{ ? useAppleLogin }-->
    208
    + $("#apple_btn").on("click", startClicked);
    209
    + function startClicked(){
    210
    + var saveAutoLogin = $('input[name="saveAutoLogin"]').is(':checked') ? 'y' : 'n';
    211
    + var path = location.host.substring(1).split(':');
    212
    + if (saveAutoLogin === 'y') {
    213
    + $.cookie('saveAutoLogin', saveAutoLogin, {path: '/', expires: 1, domain: path[0]});
    214
    + } else {
    215
    + if (typeof $.cookie('saveAutoLogin') !== 'undefined') {
    216
    + $.removeCookie('saveAutoLogin', {path: '/', expires: 1, domain: path[0]});
    217
    + }
    218
    + }
    219
    +
    220
    + $("#appleid-signin").click();
    221
    + }
    222
    + <!--{ / }-->
    223
    });
    224
    </script>
    225
    +
    226
    + <!--{ ? useAppleLogin }-->
    227
    + <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    228
    + <script type="text/javascript">
    229
    + AppleID.auth.init({
    230
    + clientId : '{client_id}',
    231
    + scope : 'name email',
    232
    + redirectURI: '{redirectURI}',
    233
    + state: '{state}',
    234
    + // usePopup: true
    235
    + });
    236
    + </script>
    237
    + <!--{ / }-->
    238
    +
    239
    { # footer }


    mobile/story_g/member/_join_view_other.html CHANGED
    @@ -232,11 +232,11 @@
    232
    <!--{/}-->
    233
    </div>
    234
    <!--{/}-->
    235
    <!--{? isMyPage}-->
    236
    237
    - <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin }-->
    238
    <!-- 160729 윤봉태 계정 정보 추가 -->
    239
    <div class="account_title">
    240
    <b class="title">{=__('계정 연결정보')}</b>
    241
    </div>
    242
    <div class="account_content">
    @@ -280,15 +280,29 @@
    280
    <!--{?data['snsJoinFl'] == 'n'}-->
    281
    <button class="btn btn_gr btn-passch js-btn-sns-disconnect" data-sns="wonder" data-url="{=wonderReturnUrl}">{=__('연결해제')}</button>
    282
    <!--{/}-->
    283
    </li>
    284
    </ul>
    285
    <!--{:}-->
    286
    <p class="sns-message">{=__('연결된 계정이 없습니다.')}</p>
    287
    <div class="ly_buy_dn marB">
    288
    <div class="st-btn-buy-outer">
    289
    <ul class="sns-login-area">
    290
    <!--{?usePaycoLogin}-->
    291
    <li><a href="#button" class="sns-login pa js-btn-sns-connect btn" data-sns="payco"><img src="../img/etc/mo_payco_s.png" alt="{=__('페이코 연결')}"></a></li>
    292
    <!--{/}-->
    293
    <!--{?useFacebookLogin}-->
    294
    <li><a href="#button" class="sns-login fa js-btn-sns-connect btn" data-sns="facebook" data-facebook-url="{=facebookUrl}"><img src="../img/etc/mo_facebook_s.png" alt="{=__('페이스북 연결')}"></a></li>
    @@ -451,8 +465,30 @@
    451
    $target.val('n');
    452
    $label.removeClass('on');
    453
    }
    454
    }
    455
    });
    456
    });
    457
    </script>
    458
    <!--{/ // isMyPage end}-->
    232
    <!--{/}-->
    233
    </div>
    234
    <!--{/}-->
    235
    <!--{? isMyPage}-->
    236
    237
    + <!--{? usePaycoLogin || useFacebookLogin || useNaverLogin || useKakaoLogin || useWonderLogin || useAppleLogin }-->
    238
    <!-- 160729 윤봉태 계정 정보 추가 -->
    239
    <div class="account_title">
    240
    <b class="title">{=__('계정 연결정보')}</b>
    241
    </div>
    242
    <div class="account_content">
    280
    <!--{?data['snsJoinFl'] == 'n'}-->
    281
    <button class="btn btn_gr btn-passch js-btn-sns-disconnect" data-sns="wonder" data-url="{=wonderReturnUrl}">{=__('연결해제')}</button>
    282
    <!--{/}-->
    283
    </li>
    284
    </ul>
    285
    + <!--{: connectApple}-->
    286
    + <ul class="sns-box-list marB">
    287
    + <li><img src="../img/etc/square_apple.png" alt="Apple"><span>{=__('Apple')}</span>
    288
    + <!--{?data['snsJoinFl'] == 'n'}-->
    289
    + <button class="btn btn_gr btn-passch js-btn-sns-disconnect" data-sns="apple">{=__('연결해제')}</button>
    290
    + <!--{/}-->
    291
    + </li>
    292
    + </ul>
    293
    <!--{:}-->
    294
    <p class="sns-message">{=__('연결된 계정이 없습니다.')}</p>
    295
    <div class="ly_buy_dn marB">
    296
    <div class="st-btn-buy-outer">
    297
    <ul class="sns-login-area">
    298
    + <!--{?useAppleLogin}-->
    299
    + <li>
    300
    + <a href="#button" id="apple_btn" class="sns-login ap js-btn-sns-connect btn" data-sns="apple"><img src="../img/etc/mo_apple_s.png" alt="{=__('apple 연결')}"></a>
    301
    + <div id="appleid-signin" style="display: none"></div>
    302
    + </li>
    303
    + <!--{/}-->
    304
    <!--{?usePaycoLogin}-->
    305
    <li><a href="#button" class="sns-login pa js-btn-sns-connect btn" data-sns="payco"><img src="../img/etc/mo_payco_s.png" alt="{=__('페이코 연결')}"></a></li>
    306
    <!--{/}-->
    307
    <!--{?useFacebookLogin}-->
    308
    <li><a href="#button" class="sns-login fa js-btn-sns-connect btn" data-sns="facebook" data-facebook-url="{=facebookUrl}"><img src="../img/etc/mo_facebook_s.png" alt="{=__('페이스북 연결')}"></a></li>
    465
    $target.val('n');
    466
    $label.removeClass('on');
    467
    }
    468
    }
    469
    });
    470
    +
    471
    + <!--{ ? useAppleLogin }-->
    472
    + $("#apple_btn").on("click", startClicked);
    473
    + function startClicked(){
    474
    + $("#appleid-signin").click();
    475
    + }
    476
    + <!--{ / }-->
    477
    +
    478
    + });
    479
    + </script>
    480
    +
    481
    + <!--{ ? useAppleLogin }-->
    482
    + <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    483
    + <script type="text/javascript">
    484
    + AppleID.auth.init({
    485
    + clientId : '{client_id}',
    486
    + scope : 'name email',
    487
    + redirectURI: '{redirectURI}',
    488
    + state: '{state}',
    489
    + // usePopup: true
    490
    });
    491
    </script>
    492
    + <!--{ / }-->
    493
    +
    494
    <!--{/ // isMyPage end}-->


    mobile/story_g/mypage/my_page_password.html CHANGED
    @@ -4,11 +4,15 @@
    4
    <div class="login_bx v2">
    5
    <p class="sns-message2">{messages['info']}</p>
    6
    <form id="formFind" name="formFind" action="../member/user_certification.php" method="post">
    7
    <fieldset>
    8
    <legend>{=__('회원정보 변경')}</legend>
    9
    - <!--{ ? usePayco }-->
    10
    <div class="sns-box-img sns-payco"><img src="../img/etc/logo-payco.png" /></div>
    11
    <button type="submit" class="btn myp-password-btn js-btn-payco-login" data-payco-type="my_page_password">{=__('인증하기')}</button>
    12
    <!--{ : useFacebook }-->
    13
    <div class="sns-box-img sns-facebook"><img src="../img/etc/logo-facebook.png" /></div>
    14
    <button type="submit" class="btn myp-password-btn js-btn-facebook-re-auth" data-sns-type="my_page_password" data-re-authentication-url="{=facebookReAuthenticationUrl}">{=__('인증하기')}</button>
    @@ -69,8 +73,28 @@
    69
    }
    70
    });
    71
    }
    72
    }
    73
    });
    74
    });
    75
    </script>
    76
    { # footer }
    4
    <div class="login_bx v2">
    5
    <p class="sns-message2">{messages['info']}</p>
    6
    <form id="formFind" name="formFind" action="../member/user_certification.php" method="post">
    7
    <fieldset>
    8
    <legend>{=__('회원정보 변경')}</legend>
    9
    + <!--{ ? useAppleLogin }-->
    10
    + <div class="sns-box-img sns-apple"><img src="../img/etc/logo_apple.png" alt="{=__('애플 아이디 로그인')}"></div>
    11
    + <button type="submit" id="apple_btn" class="btn myp-password-btn js-btn-apple-login">{=__('인증하기')}</button>
    12
    + <div id="appleid-signin" style="display: none"></div>
    13
    + <!--{ : usePayco }-->
    14
    <div class="sns-box-img sns-payco"><img src="../img/etc/logo-payco.png" /></div>
    15
    <button type="submit" class="btn myp-password-btn js-btn-payco-login" data-payco-type="my_page_password">{=__('인증하기')}</button>
    16
    <!--{ : useFacebook }-->
    17
    <div class="sns-box-img sns-facebook"><img src="../img/etc/logo-facebook.png" /></div>
    18
    <button type="submit" class="btn myp-password-btn js-btn-facebook-re-auth" data-sns-type="my_page_password" data-re-authentication-url="{=facebookReAuthenticationUrl}">{=__('인증하기')}</button>
    73
    }
    74
    });
    75
    }
    76
    }
    77
    });
    78
    +
    79
    + <!--{ ? useAppleLogin }-->
    80
    + $("#apple_btn").on("click", startClicked);
    81
    + function startClicked(){
    82
    + $("#appleid-signin").click();
    83
    + }
    84
    + <!--{ / }-->
    85
    + });
    86
    + </script>
    87
    +
    88
    + <!--{ ? useAppleLogin }-->
    89
    + <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
    90
    + <script type="text/javascript">
    91
    + AppleID.auth.init({
    92
    + clientId : '{client_id}',
    93
    + scope : 'name email',
    94
    + redirectURI: '{redirectURI}',
    95
    + state: '{state}',
    96
    + // usePopup: true
    97
    });
    98
    </script>
    99
    + <!--{ / }-->
    100
    { # footer }