현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 모바일 상품상세페이지 상품정보 표시하기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2021-03-16
  • 추천 추천하기
  • 조회수 21


모바일 디자인에서 상품상세페이지 상단의 판매가 등이 표시되는 상품정보 영역은

기본적인 항목 몇 가지만 표시되고 있습니다.

pc디자인처럼 원하시는 항목을 더 노출시키고 싶으시면 아래 방법대로 소스 수정 바랍니다.



(수정전 기존소스를 꼭 백업하여 고객님 pc에 저장하여 두시기 바랍니다.)

모바일쇼핑몰 > 디자인 수정하기 > 자주쓰는 화면 > 상품상세
편집 창에서 아래 소스 중 빨간색 부분을 삭제하시고 파란색 부분을 추가하시기 바랍니다.



55행

   <div class="prdDesc">
        <div class="prdInfo">
            <table border="1" summary="">
                <caption>상품 정보</caption>
                <colgroup>
                    <col style="width:100px;">
                    <col style="width:auto;">
                </colgroup>
                <tbody class="priceArea">
                     <tr class="{$name_display|display}">
                      <th scope="row">상품명</th>
                      <td>{$name}</td>
                       </tr>
                    <tr class="{$eng_name_display|display}">
                     <th scope="row">영문상품명</th>
                     <td>{$eng_name}</td>
                     </tr>
                      <!-- 상품요약설명 -->
                     <tr class="{$summary_desc|display}">
                   <th scope="row">상품요약설명</th>
                    <td>{$summary_desc}</td>
                      </tr>
                     <!-- 상품간략설명 -->
                     <tr class="{$simple_desc_display|display}">
                      <th scope="row">상품간략설명</th>
                      <td>{$simple_desc}</td>
                      </tr>
                   <tr class="custom disp_custom{$product_custom|replace:.00,}">
                   <th scope="row">소비자가</th>
                   <td class="price"><strong class="sale"><strike>{$disp_product_custom}</strike></strong></td>
                    </tr>
                   
                    <tr class="{$product_price_display|display}">
                        <th scope="row">판매가</th>
                        <td class="price">
                            <strong class="sale"><span id="span_product_price_text" class="{$product_price_class} {$product_sale_strike}">{$product_price}</span>{$txt_product_price}</strong> <span class="soldOut"></span>
                            <button type="button" class="btnRestockMail {$restock_email_display|display}" onClick="{$action_email_restock}">재입고 알림 메일</button>
                        </td>
                    </tr>
                   
               
                    <tr class="{$product_sale_display|display}" id="span_product_price_mobile_p_line">
                        <th scope="row">할인판매가</th>
                        <td class="price" ><strong class="sale"><span id="span_product_price_mobile_text" class="{$product_price_class}">{$product_price_mobile}</span>{$txt_product_price_mobile}</strong></td>
                    </tr>
                </tbody>
                <tbody>
                    <tr id="span_product_price_mobile_d_line" class="{$product_sale_display|display}">
                        <th scope="row">할인금액</th>
                        <td><span class="discount">총 할인금액 {$mobile_dc_price|number}원<br></span></td>
                    </tr>
                   
                    <tr class="mileage {$mileage_display|display}">
                        <th scope="row">적립금</th>
                        <td>
                            <p class="{$txt_mileage_display|display}"><span id="span_mileage_text">{$txt_mileage_value}</span><span class="{$txt_mileage_percent_display|display}">({$txt_mileage_percent}%)</span></p>
                            <p class="{$cash_mileage_display|display}"><img src="{$cash_mileage_icon}" alt="무통장 결제시 적립금"><span class="{$cash_mileage_value_display|display}"> {$cash_mileage_value|numberformat} 원</span> <span class="{$cash_mileage_percent_display|display}">{$cash_mileage_percent}%</span></p>
                            <p class="{$card_mileage_display|display}"><img src="{$card_mileage_icon}" alt="카드 결제시 적립금"><span class="{$card_mileage_value_display|display}"> {$card_mileage_value|numberformat} 원</span> <span class="{$card_mileage_percent_display|display}">{$card_mileage_percent}%</span></p>
                            <p class="{$tcash_mileage_display|display}"><img src="{$tcash_mileage_icon}" alt="실시간 계좌이체시 적립금"><span class="{$tcash_mileage_value_display|display}"> {$tcash_mileage_value|numberformat} 원</span> <span class="{$tcash_mileage_percent_display|display}">{$tcash_mileage_percent}%</span></p>
                            <p class="{$mileage_mileage_display|display}"><img src="{$mileage_mileage_icon}" alt="적립금 결제시 적립금"><span class="{$mileage_mileage_value_display|display}"> {$mileage_mileage_value|numberformat} 원</span> <span class="{$mileage_mileage_percent_display|display}">{$mileage_mileage_percent}%</span></p>
                            <p class="{$cell_mileage_display|display}"><img src="{$cell_mileage_icon}" alt="휴대폰 결제시 적립금"><span class="{$cell_mileage_value_display|display}"> {$cell_mileage_value|numberformat} 원</span> <span class="{$cell_mileage_percent_display|display}">{$cell_mileage_percent}%</span></p>
                            <p class="{$deposit_mileage_display|display}"><img src="{$deposit_mileage_icon}" alt="예치금 결제시 적립금"><span class="{$deposit_mileage_value_display|display}"> {$deposit_mileage_value|numberformat} 원</span> <span class="{$deposit_mileage_percent_display|display}">{$deposit_mileage_percent}%</span></p>
                            <p class="{$escrow_mileage_display|display}"><img src="{$escrow_mileage_icon}" alt="에스크로 결제시 적립금"><span class="{$escrow_mileage_value_display|display}"> {$escrow_mileage_value|numberformat} 원</span> <span class="{$escrow_mileage_percent_display|display}">{$escrow_mileage_percent}%</span></p>
                            <p class="{$vcash_mileage_display|display}"><img src="{$vcash_mileage_icon}" alt="가상계좌 결제시 적립금"><span class="{$vcash_mileage_value_display|display}"> {$vcash_mileage_value|numberformat} 원</span> <span class="{$vcash_mileage_percent_display|display}">{$vcash_mileage_percent}%</span></p>
                            <p class="{$icash_mileage_display|display}"><img src="{$icash_mileage_icon}" alt="가상계좌 결제시 적립금"><span class="{$icash_mileage_value_display|display}"> {$icash_mileage_value|numberformat} 원</span> <span class="{$icash_mileage_percent_display|display}">{$icash_mileage_percent}%</span></p>
                            <p class="{$kpay_mileage_display|display}"><img src="{$kpay_mileage_icon}" alt="케이페이 결제시 적립금"><span class="{$kpay_mileage_value_display|display}"> {$kpay_mileage_value|numberformat} 원</span> <span class="{$kpay_mileage_percent_display|display}">{$kpay_mileage_percent}%</span></p>
                            <p class="{$paynow_mileage_display|display}"><img src="{$paynow_mileage_icon}" alt="페이나우 결제시 적립금"><span class="{$paynow_mileage_value_display|display}"> {$paynow_mileage_value|numberformat} 원</span> <span class="{$paynow_mileage_percent_display|display}">{$paynow_mileage_percent}%</span></p>
                            <p class="{$payco_mileage_display|display}"><img src="{$payco_mileage_icon}" alt="페이코 결제시 적립금"><span class="{$payco_mileage_value_display|display}"> {$payco_mileage_value|numberformat} 원</span> <span class="{$payco_mileage_percent_display|display}">{$payco_mileage_percent}%</span></p>
                            <p class="{$kakaopay_mileage_display|display}"><img src="{$kakaopay_mileage_icon}" alt="카카오페이 결제시 적립금"><span class="{$kakaopay_mileage_value_display|display}"> {$kakaopay_mileage_value|numberformat} 원</span> <span class="{$kakaopay_mileage_percent_display|display}">{$kakaopay_mileage_percent}%</span></p>
                        </td>
                    </tr>
                    <tr class="{$naver_mileage_display|display}">
                        <th>제휴적립금</th>
                        <td>{$naver_mileage_title} {$naver_mileage_rate}</td>
                    </tr>
                    <tr class="{$manu_display|display}">
                    <th scope="row">제조사</th>
                   <td>{$manu_name}</td>
                     </tr>
                       <tr class="{$made_display|display}">
                       <th scope="row">원산지</th>
                       <td>{$made_in}</td>
                     </tr>
                     </tbody>
                <tbody class="delvtype">
                    <tr class="{$delivery_display|display}">
                        <th scope="row">배송방법</th>
                        <td>{$delivery}</td>
                    </tr>
                    <tr class="{$delivery_price_display|display}">
                        <th scope="row">배송비</th>
                        <td>{$delivery_price}</td>
                    </tr>
                   
                    <tr class="{$additional_description_translated_display|display}">
                        <th scope="row">상품 추가설명 번역정보</th>
                        <td>{$additional_description_translated}</td>
                    </tr>
                </tbody>
            </table>
            <div module="product_detaildesign">
                <!--
                    출력 갯수 지정 변수, 없으면 설정된 전체가 나옵니다.
                    count = 10
                -->
                <table border="1" summary="">
                    <caption>{$name} 기본 정보</caption>
                    <colgroup>
                            <col style="width:32%;" />
                            <col style="width:68%;" />
                    </colgroup>
                    <tbody>
                        <tr class="{$item_display|display}">
                            <th scope="row">{$item_title}</th>
                            <td>{$item_content}</td>
                        </tr>
                        <tr class="{$item_display|display}">
                            <th scope="row">{$item_title}</th>
                            <td>{$item_content}</td>
                        </tr>
                    </tbody>
                </table>
            </div>           
        </div>


첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.