---

[반응형스킨]

 

1. [반응형스킨] 상품상세페이지 (PC)

 

✔️경로: data/skin/스킨명/goods/view.html
약 1480 ~ 1484 라인 ( 원본소스 기준 1480번 라인 부근 )

 

💡 확인 TIP
관리자 페이지에서 디자인 > 디자인편집 클릭 후 아이디자인OFF 상태에서

상품페이지 클릭 후 상단의 ‘HTML편집’ 버튼을 클릭하면 해당 HTML 파일의 경로를 바로 확인하실 수 있습니다.

 

🔸 수정 전 코드

{? navercheckout_tpl }

<div class="goods_npay" style="display:none;">

    <div class="goods_npay_inner">{navercheckout_tpl}</div>

</div>

{/}

 

🔸 수정 후 코드

{? navercheckout_tpl }

<div class="goods_npay" style="display:none; margin-top: 0px">

    <div style="display: flex; flex-direction: column; justify-content: center; align-items: flex-end; margin: 7px 0px; align-self: stretch;">

        <div style="display: flex; padding: 5px 0; align-items: center; gap: 10px">

            <span style="font-family: 'Noto Sans KR'; font-size: 13px; font-style: normal; color: #03C75A;">

                Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

            </span>

        </div>

    </div>

    <div class="goods_npay_inner">{navercheckout_tpl}</div>

</div>

{/}

 2. [반응형스킨] 상품상세페이지 (Mobile)

 

✔️경로: data/skin/스킨명/goods/view.html
약 1340 ~ 1341 라인 ( 원본소스 기준 1340번 라인 부근 )

 

🔸 수정 전 코드

<li>

    <ul class="basic_btn_area">

 

🔸 수정 후 코드

<li>

    <div style="display: flex; padding-bottom: 5px; align-items: center; gap: 10px;">

        <span style="color: #03C75A; text-align: center; font-family: 'Noto Sans KR'; font-size: 13px; font-style: normal;">

            Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

        </span>

    </div>

    <ul class="basic_btn_area">

 

 3. [반응형스킨] 장바구니 페이지 (PC / Mobile 공통)

 

✔️경로 : data/skin/스킨명/order/cart.html
약 392 라인( 원본소스 기준 392번 라인 부근 )

 

💡 확인 TIP
관리자 페이지에서 디자인 > 디자인편집 클릭 후 아이디자인OFF 상태에서

장바구니 클릭 후 상단의 ‘HTML편집’ 버튼을 클릭하면 해당 HTML 파일의 경로를 바로 확인하실 수 있습니다

 

🔸 수정 전 코드

<div class="pdb10 center">{navercheckout_tpl}</div>

 

🔸 수정 후 코드

<div class="pdb10 center" style="display: flex; max-height: 100000px; padding-top: 20px; flex-direction: column; align-items: center; align-self: stretch;">

    <div style="display: flex; padding: 5px 0; align-items: center; gap: 10px; margin-bottom:-20px">

        <span style="color: #03C75A; font-family: 'Noto Sans KR'; font-size: 13px; font-style: normal;">

            Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

        </span>

    </div>

    {navercheckout_tpl}

</div>

---

[전용스킨(PC/Mobile)]

 

4. [전용스킨]상품상세페이지 (PC)

 

✔️경로 : data/skin/스킨명/goods/view.html
약 1186~1187 라인( 원본소스 기준 1185번 라인 부근 )

 

💡 확인 TIP
관리자 페이지에서 디자인 > 디자인편집 클릭 후 아이디자인OFF 상태에서

상품페이지 클릭 후 상단의 ‘HTML편집’ 버튼을 클릭하면 해당 HTML 파일의 경로를 바로 확인하실 수 있습니다.

 

🔸 수정 전 코드

<li class="right" id="npay_area" style="display:none;">

          {navercheckout_tpl}

      </li>

 

🔸 수정 후 코드

<li class="right" id="npay_area" style="display:none;">

          <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;align-self: stretch;margin-bottom: -20px; padding: 7px 0;">

              <div style="display: flex;padding: 5px 0;align-items: center;gap: 10px">

                  <span style="font-family: 'Noto Sans KR';font-size: 13px;font-style: normal;color: #03C75A;text-align:">

                      Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

                  </span>

              </div>

          </div>

          {navercheckout_tpl}

      </li>

 5. [전용스킨]상품상세페이지 (Mobile)

 

✔️경로 : data/skin/스킨명/goods/view.html
약 1488 ~ 1489 라인 ( 원본소스 기준 1464번 라인 부근 )

 

🔸 수정 전 코드

<div class="buy_btn_wrap">

          <table width="100%" border="0" cellpadding="0" cellspacing="0">

 

🔸 수정 후 코드

<div class="buy_btn_wrap">

          <div style="display: flex;padding-bottom: 5px;align-items: center;gap: 10px;">

              <span style="color: #03C75A;text-align: center;font-family: 'Noto Sans KR';font-size: 13px;font-style: normal;">

                  Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

              </span>

          </div>       

          <table width="100%" border="0" cellpadding="0" cellspacing="0">  

 

 6. [전용스킨]장바구니 페이지 (PC)

 

✔️경로 : data/skin/스킨명/order/cart.html
약 664 ~ 666라인 ( 원본소스 기준 664번 라인 부근 )

 

💡 확인 TIP
관리자 페이지에서 디자인 > 디자인편집 클릭 후 아이디자인OFF 상태에서

장바구니 클릭 후 상단의 ‘HTML편집’ 버튼을 클릭하면 해당 HTML 파일의 경로를 바로 확인하실 수 있습니다

 

🔸 수정 전 코드

<div class="pdt25 right">

          {navercheckout_tpl}

      </div>

 

🔸 수정 후 코드

<div class="pdt25 right">

          <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;align-self: stretch;margin-bottom: -20px">

              <div style="display: flex;padding: 5px 0;align-items: center;gap: 10px">

                  <span style="font-family: 'Noto Sans KR';font-size: 13px;font-style: normal;color: #03C75A;text-align:">

                      Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

                  </span>

              </div>

          </div>

          {navercheckout_tpl}

      </div>

 

---

 

7. [전용스킨]장바구니 페이지 (Mobile)

 

✔️경로 : data/skin/스킨명/order/cart.html
약 552 라인 ( 원본소스 기준 549번 라인 부근 )

 

💡 확인 TIP
관리자 페이지에서 디자인 > 디자인편집 클릭 후 아이디자인OFF 상태에서

장바구니 클릭 후 상단의 ‘HTML편집’ 버튼을 클릭하면 해당 HTML 파일의 경로를 바로 확인하실 수 있습니다

 

🔸 수정 전 코드

<div class="pdb10 center">{navercheckout_tpl}</div>

 

🔸 수정 후 코드

<div class="pdb10 center">

          <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;align-self: stretch;margin-bottom: -20px; padding: 7px 0">

              <div style="display: flex;padding: 5px 0;align-items: center;gap: 10px">

                  <span style="font-family: 'Noto Sans KR';font-size: 13px;font-style: normal;color: #03C75A;text-align:">

                      Npay 구매 시 2.5만원 이상 5% 즉시할인 (최대 7천원)

                  </span>

              </div>

          </div>       

          {navercheckout_tpl}

      </div>

 

---