카카오싱크 서비스 이용을 위해서는 스킨패치를 필수로 진행해주셔야 합니다.

(단, 22년 4월 28일 이후 업데이트 된 최신 스킨을 다운로드 한 경우, 별도 스킨 패치를 진행하지 않으셔도 됩니다.)

스킨 패치를 진행하기 전 먼저 현재 사용중인 스킨 종류를 반드시 확인 하신 후 진행하시기 바랍니다.
패치 진행은 FTP 전용 프로그램 (파일질라 등) 을 사용하셔서 진행해 주시면 됩니다.
FTP 계정 정보는 'MY퍼스트몰'에서 확인 가능합니다. FTP 접속 정보 확인 방법 >

STEP 1. 현재 사용중인 스킨을 확인해 주세요.
- 전용스킨(PC), 전용스킨(Mobile), 반응형스킨 여부 확인 후 STEP 2 진행

STEP 2. 현재 사용중인 스킨에 해당하는 최신 패치 파일을 다운로드 하세요.

- 스킨패치 파일 다운로드 kakaosync_skin_patch.zip

STEP 3. 다운로드 받은 파일에는 신규 추가된 파일이 있습니다.  압축 해제 후 사용중인 스킨 폴더에 업로드해주세요.

- PC 전용스킨(default_gl) 
 data/skin/default_gl/images/sns/sns_bt_kakaosync.gif
 data/skin/default_gl/images/sns/sns_bt_kakaosync_off.gif
 data/skin/default_gl/service/marketing.html

- Mobile 전용스킨(mobile_ver3_default_gl)
 data/skin/mobile_ver3_default_gl/images/design/sns_icon_kakaosync.png
 data/skin/mobile_ver3_default_gl/images/design/sns_icon_kakaosync_off.png
 data/skin/mobile_ver3_default_gl/service/marketing.html

- 반응형스킨(responsive_ver1_default_gl)
 data/skin/responsive_ver1_default_gl/images/design/sns_icon_kakaosync.png
 data/skin/responsive_ver1_default_gl/images/design/sns_icon_kakaosync_off.png
 data/skin/responsive_ver1_default_gl/service/marketing.html

STEP 4. 수정된 파일의 소스를 수정해주세요.

① PC전용스킨(default_gl)
 data/skin/default_gl/_modules/common/depth.html
 data/skin/default_gl/_modules/common/title.html
 data/skin/default_gl/member/join_gate.html

② Mobile전용스킨(mobile_ver3_default_gl)
 data/skin/mobile_ver3_default_gl/member/join_gate.html

③ 반응형스킨(responsive_ver1_default_gl)
 data/skin/responsive_ver1_default_gl/member/join_gate.html
 

수정 파일 수정 방법
관리자 > 디자인환경 > html 소스 에디터 메뉴 또는 FTP 프로그램으로 접속하신 후
아래 변경이 필요한 파일 경로로 접속하신 후, 해당 코드를 수정해 주세요.
삭제된 코드는 빨간색으로 표기되어 있고, 추가된 코드는 초록색으로표기되어 있으니, 구분을 확인하여 소스를 추가/삭제해 주세요.

① 전용스킨 (PC)

    A. 파일 경로 : /data/skin/default_gl/_modules/common/depth.html

• 소스 추가 (약 135줄부터)

  <li>이용안내</li>
  <!--{:preg_match('/service\/partnership/',_SERVER.REQUEST_URI)}-->
  <li>제휴안내</li>
  <!--{:preg_match('/service\/marketing/',_SERVER.REQUEST_URI)}-->
  <li>마케팅 및 광고 활용 동의</li>
  
  <!--{:preg_match('/mshop/',_SERVER.REQUEST_URI)}-->
  <li>{pv.provider_name}</li>
  
  
  	
  

  B. 파일 경로 : /data/skin/default_gl/_modules/common/title.html

  • 소스 추가(약 164줄부터)

    <h3>제휴안내</h3>
    <p>독창적인 아이디어나 사업모델을 가지고 계신 분은 언제든지 제안을 주세요.</p>
    
    <!--{:preg_match('/service\/marketing/',_SERVER.REQUEST_URI)}-->
    <h3>마케팅 및 광고 활용 동의</h3>
    
    <!--{:preg_match('/mshop/',_SERVER.REQUEST_URI)}-->
    <h3>{pv.provider_name}</h3>
    
    	
    

  C. 파일 경로 : /data/skin/default_gl/member/join_gate.html

  • 수정(약 77~84줄)
    - 수정 전

           <h4>SNS 계정으로 회원가입</h4>
           <ul class="sns_list">
           <!--{@ joinform.use_sns }-->
           <!-- {? .key_ }<li> <img src="../images/sns/sns_bt_{=.key_}_join.gif" class="jointypesns hand" snstype="{=.cd}"  
    alt="{=.nm}" title="{=.nm} 아이디로 회원가입" /></li>{/} -->
           {? .key_ }<li><img src="../images/sns/sns_bt_{=.key_}.gif" class="jointypesns hand" snstype="{=.cd}"  alt="{=.nm}" 
    title="{=.nm} 아이디로 회원가입" /></li>{/}
           <!--{ / }-->
           </ul>
          </div>
    </span>
    
    
    	

    - 수정 후

           <h4>SNS 계정으로 회원가입</h4>
           <ul class="sns_list">
           <!--{@ joinform.use_sns }-->
           {? .key_ }<li><img src="../images/sns/sns_bt_{=.key_}.gif" class="hand" onclick="snsIconJoin('{=.cd}')"  
    snstype="{=.cd}"  alt="{=.nm}" title="{=.nm} 아이디로 회원가입" /></li>{/}
           <!--{ / }-->
           </ul>
           </div>
    </span>
    
    	

  • 소스 제거 (약 113줄부터)

                            var jointype = $("input:radio[name='join_type']:checked").val();
                            [removed].href = './agreement?join_type='+ jointype;
                    });
    
                    $(".jointypesns").click(function() {
                            var snstype = $(this).attr("snstype");
                            var jointype = snstype + $("input:radio[name='join_type']:checked").val();
                            [removed].href = './agreement?join_type='+ jointype;
                    });
            });
     </script>
    

   

  ② 전용스킨 (모바일)

  A. 파일 경로 : /data/skin/mobile_ver3_default_gl/member/join_gate.html

  • 소스 제거(약 1줄부터)

    <script>
           $(function(){
                   $(".sub_page_tab td").each(function(i){
                           $(this).click(function(){
                                   $(".sub_page_tab td").removeClass("current");
                                   $(this).addClass("current");
                                   $(".sub_page_tab_contents").hide().eq(i).show();
                           });
                   }).eq(0).click();
           });
    </script>
    <style>

  • 수정(약 90~96줄)
    - 수정 전

                   <input type="button" class="login_btn btn_important_large" style="width:100%;" 
    onclick="document.location.href='agreement?join_type=member'" value="회원가입"/>
            <ul class="sns_login_ul">
                    <!--{@ joinform.use_sns }-->
                    {? .key_ }<li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
    onclick="document.location.href='agreement?join_type={=.value_['cd']}member'"  alt=" {=.key_} 회원가입" 
    title="{=.value_['nm']} 회원가입"></div></li>{/}
                    <!--{ / }-->
            </ul>
     </div>
    
    

  - 수정 후

                      <input type="button" class="login_btn btn_important_large" style="width:100%;" 
  onclick="document.location.href='agreement?join_type=member'" value="회원가입"/>
          <ul class="sns_login_ul">
                  <!--{@ joinform.use_sns }-->
                  {? .key_ }<li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
  onclick="snsIconJoin('{=.value_['cd']}', 'member')" alt=" {=.key_} 회원가입" title="{=.value_['nm']} 회원가입"></div></li>{/}
                  <!--{ / }-->
          </ul>
   </div>
  
  

• • 수정(약 101~108줄)
    - 수정 전

             <input type="button" class="login_btn btn_important_large" style="width:100%;" 
    onclick="document.location.href='agreement?join_type=business'" value="회원가입"/>
            <ul class="sns_login_ul">
                    <!--{@ joinform.use_sns }-->
                    {? .key_ }<li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
    onclick="document.location.href='agreement?join_type={=.value_['cd']}business'" alt=" {=.key_} 회원가입" 
    title="{=.value_['nm']} 회원가입"></div></li>{/}
                    <!--{ / }-->
            </ul>
     </div>
     <!--{/}-->
    
    
    

  - 수정 후

                 <input type="button" class="login_btn btn_important_large" style="width:100%;" 
  onclick="document.location.href='agreement?join_type=business'" value="회원가입"/>
         <ul class="sns_login_ul">
                 <!--{@ joinform.use_sns }-->
                 {? .key_ }<li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
  onclick="snsIconJoin('{=.value_['cd']}', 'business')" alt=" {=.key_} 회원가입" title="{=.value_['nm']} 
  회원가입"></div></li>{/}
                 <!--{ / }-->
         </ul>
  </div>
  <!--{/}-->
  
  <script>
         $(function(){
                 $(".sub_page_tab td").each(function(i){
                         $(this).click(function(){
                                 $(".sub_page_tab td").removeClass("current");
                                 $(this).addClass("current");
                                 $(".sub_page_tab_contents").hide().eq(i).show();
                         });
                 }).eq(0).click();
         });
  </script>
  
  
            
  
  

  
  ③ 반응형스킨

  A. 파일 경로 : data/skin/responsive_ver1_default_gl/member/join_gate.html

   

  • • 수정(약 40~46줄)
      - 수정 전

      <ul class="sns_login_ul">
              <!--{@ joinform.use_sns }-->
                      <!--{? .key_ }-->
              <li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
      onclick="document.location.href='agreement?join_type={=.value_['cd']}member'" alt=" {=.key_} 회원가입" 
      title="{=.value_['nm']} 회원가입"></div></li>
                       <!--{ / }-->
              <!--{ / }-->
      </ul>
      
      

    - 수정 후

    <ul class="sns_login_ul">
            <!--{@ joinform.use_sns }-->
                    <!--{? .key_ }-->
                             {? .key_ }<li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
    onclick="snsIconJoin('{=.value_['cd']}', 'member')" alt=" {=.key_} 회원가입" title="{=.value_['nm']} 회원가입"></div></li>{/}
                    <!--{ / }-->
            <!--{ / }-->
    </ul>
    
    
    

    • • 수정(약 59~66줄)
        - 수정 전

        <ul class="sns_login_ul">
                <!--{@ joinform.use_sns }-->
                        <!--{? .key_ }-->
                <li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" 
        onclick="document.location.href='agreement?join_type={=.value_['cd']}business'" alt=" {=.key_} 회원가입" 
        title="{=.value_['nm']} 회원가입"></div></li>
                        <!--{ / }-->
                <!--{ / }-->
        </ul>
        
        

        - 수정 후

        <ul class="sns_login_ul">
                <!--{@ joinform.use_sns }-->
                        <!--{? .key_ }-->
                <li><div class="img"><img src="../images/design/sns_icon_{=.key_}.png" onclick="snsIconJoin('{=.value_['cd']}', 
        'business')" alt=" {=.key_} 회원가입" title="{=.value_['nm']} 회원가입"></div></li>
                        <!--{ / }-->
                <!--{ / }-->
        </ul>