유용한 웹 팁

뒤로가기
제목

최적할인가 기능 사용시 판매가에 취소선 표시하기

작성자 별모아디자인(ip:)

작성일 2021-06-17

조회 373

평점 0점  

추천 추천하기

내용

최적할인가 기능 사용시 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

수정 취소

비밀번호

확인 취소

댓글 입력

이름

비밀번호

내용

/ byte

평점

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