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

유용한 웹 팁

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

게시판 상세
제목 최적할인가 기능 사용시 판매가에 취소선 표시하기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2021-06-17
  • 추천 추천하기
  • 조회수 358

최적할인가 기능 사용시 PC디자인의 상품목록에만 판매가 취소선이 표시되며

모바일 디자인 상품목록의 판매가와

PC디자인과 모바일 디자인의 상품상세페이지의 판매가에 취소선이 표시되지않습니다.

판매가에 취소선 표시를 하려면 아래 설명대로 해주시면 됩니다.


------------------------------------------------------------------------------------------


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

 

어드민을 스마트모드로 사용 중이시면 어드민 좌측 상단의 스마트모드를 프로모드로 변경하시고

아래에 안내해드린 답변대로 수정하신 후 다시 스마트모드로 변경하셔서 적용하시기 바랍니다.

 


디자인관리 > 디자인 수정하기 > 자주쓰는화면 > 주요화면 > 상품상세 편집창에서 

아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

84행

<div module="product_detaildesign">

                  <!--

                                   출력 갯수 지정 변수, 없으면 설정된 전체가 나옵니다.

                                   count = 10

                  -->

                  <table border="1" summary="">

                                   <caption>{$name} 기본 정보</caption>

                                   <tbody>

                                                     <tr class="{$item_display|display} {$item_class} discount{$optimum_discount_price|display}">

                                                                       <th scope="row">{$item_title}</th>

                                                                       <td>{$item_content}</td>

                                                     </tr>

                                                     <tr class="{$item_display|display} {$item_class} discount{$optimum_discount_price|display}">

                                                                       <th scope="row">{$item_title}</th>

                                                                       <td>{$item_content}</td>

                                                     </tr>

                                   </tbody>

                  </table>

</div>

 

 --------------------------------



디자인관리 > 디자인 수정하기 > 전체화면보기 > css > 모듈 > 상품 > detail.css 편집창에서 

아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

43행

.xans-product-detail .likeButton.selected .count { color:#353535; }

 

tr.product_price_css.discountdisplaynone td { text-decoration:line-through; }

 

/* infoArea */

 

 

----------------------------------------



모바일쇼핑몰 > 디자인 수정하기 > 자주쓰는화면 > 주요화면 > 메인화면 편집창에서 

아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

200행 / 163행 / 99행 / 62행

<li class="price {$product_price_display|display} {$product_sale_strike} discount{$optimum_discount_price|display}">{$disp_product_price} <span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span><span id="span_product_price_text">{$product_tax_type_text}</span></li>

<li class="price sale {$product_sale_display|display}">{$product_sale_price}</li>

<li class="price optimum_price {$optimum_discount_price|display}">최적가:{$optimum_discount_price}</li>

<li class="price {$product_promotion_display|display}" style="padding:0;margin:0;">

                  <div class="discountPeriod {$product_promotion_display|display}">

                                   <div class="layerDiscountPeriod">

                                                     <div class="inner">

                                                                       <ul>

                                                                                        <li>{$product_promotion_dc_price}</li>

                                                                                        <li>{$product_promotion_start_date} ~ {$product_promotion_end_date}</li>

                                                                       </ul>

                                                     </div>

                                   </div>

                  </div>

</li>

 

 

--------------------------------------------



모바일쇼핑몰 > 디자인 수정하기 > 전체화면보기 > 상품 > 상품분류 (썸네일) 편집창에서

아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

224행 / 186행

<li class="price {$product_price_display|display} {$product_sale_strike} discount{$optimum_discount_price|display}">{$disp_product_price} <span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></li>

<li><span id="span_product_tax_type_text">{$product_tax_type_text}</span></li>

<li class="price sale {$product_sale_display|display}">{$product_sale_price}</li>

<li class="price optimum_price {$optimum_discount_price|display}">최적가:{$optimum_discount_price}</li>

<li class="price {$product_promotion_display|display}" style="padding:0;margin:0;">

                  <div class="discountPeriod {$product_promotion_display|display}">

                                   <div class="layerDiscountPeriod">

                                                     <div class="inner">

                                                                       <ul>

                                                                                        <li>{$product_promotion_dc_price}</li>

                                                                                        <li>{$product_promotion_start_date} ~ {$product_promotion_end_date}</li>

                                                                       </ul>

                                                     </div>

                                   </div>

                  </div>

</li>

 

 

----------------------------------------------



모바일쇼핑몰 > 디자인 수정하기 > 전체화면보기 > 레이아웃 > 기본 레이아웃 > css > ec-base-product.css 편집창에서 아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

23행

.ec-base-product .description .price { font-size:12px; margin:0 0 7px; }

.ec-base-product .description .price.discount { text-decoration:line-through; }

.ec-base-product .description .strike,

.ec-base-product .description .mPriceStrike { text-decoration:line-through; }

 

 

-----------------------------------------------



모바일쇼핑몰 > 디자인 수정하기 > 자주쓰는화면 > 주요화면 > 상품상세 편집창에서

아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

86행

                  <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>

                  <tr class="optimum_price {$optimum_discount_price|display}">

                                   <th>최적가</th>

                                   <td>{$optimum_discount_price}</td> 

                  </tr>

</tbody>

 

 

--------------------------------------------------



모바일쇼핑몰 > 디자인 수정하기 > 전체화면보기 > css > 모듈 > 상품 > detail.css 편집창에서 

아래에 기재한 소스 중 파란색으로 표시한 소스를 추가하시기 바랍니다.

 

41행

.xans-product-detail .ec-base-table.typeWrite img { vertical-align:middle; cursor:pointer; }

 

.ec-base-table #span_product_price_text.discount { text-decoration:line-through; }

 

/* 재입고 알림 메일 */

 


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

비밀번호 :

/ byte

비밀번호 : 확인 취소

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

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

/ byte

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

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