Help Center

카페24 소식

공지사항업데이트스토어소식

[게시판관리] [리뷰톡톡] 리뷰상세페이지에 로딩바 노출 관련 업그레이드 - HTML/CSS

2017-08-22

안녕하세요, 카페24 운영도우미 입니다.


아래 내용 참고하셔서 디자인을 수정하시기 바랍니다.




■ 모바일 디자인 수정하기


※  html


1) 위치 :  모바일 쇼핑몰 > 디자인 수정하기 > 게시판(board) > 리뷰톡톡(smartreview) > 리뷰 상세보기 (read.html)


▼ (한국어)  아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.

## 상단 생략 ##


<div class="reviewArea">

    <div id="titleArea">

        <h2>상품리뷰 상세보기</h2>

        <span module="Layout_MobileAction">

            <a href="#none" onclick="{$go_back}"><img src="http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_back.gif" width="33" alt="뒤로가기"></a>

        </span>

    </div>

    <!-- 비동기로 전달할 템플릿 영역(반드시 포함이 되어있어야함) -->

    <div id="ec-board-read-wrapper"></div>

<div id="ec-board-read-wrapper">

    <div class="loading">

        <img src="//img.echosting.cafe24.com/skin/mobile/board/review/ico_loading.gif" alt="로딩중입니다. 잠시만 기다려 주세요">

    </div>

</div>


    <div async_module="smartreview_dispRead" async_type="template">


## 하단 생략 ##





▼ (영어)  아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.

## 상단 생략 ##

 

</span>

    </div>

    <!-- 비동기로 전달할 템플릿 영역(반드시 포함이 되어있어야함) -->

    <div id="ec-board-read-wrapper"></div>

<div id="ec-board-read-wrapper">

    <div class="loading">

        <img src="//img.echosting.cafe24.com/skin/mobile/board/review/ico_loading.gif" alt="Please wait a moment while it is loading.">

    </div>

</div>


 <div async_module="smartreview_dispRead" async_type="template">


## 하단 생략 ##




▼ (일본어)  아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.

## 상단 생략 ##


</span>

    </div>

    <!-- 비동기로 전달할 템플릿 영역(반드시 포함이 되어있어야함) -->

    <div id="ec-board-read-wrapper"></div>

<div id="ec-board-read-wrapper">

    <div class="loading">

        <img src="//img.echosting.cafe24.com/skin/mobile/board/review/ico_loading.gif" alt="ローディング中です。しばらくお待ち下さい。">

    </div>

</div>

<div async_module="smartreview_dispRead" async_type="template">


## 하단 생략 ##




▼ (중국어-간체)  아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.

## 상단 생략 ##


</span>

    </div>

    <!-- 비동기로 전달할 템플릿 영역(반드시 포함이 되어있어야함) -->

    <div id="ec-board-read-wrapper"></div>

<div id="ec-board-read-wrapper">

    <div class="loading">

        <img src="//img.echosting.cafe24.com/skin/mobile/board/review/ico_loading.gif" alt="加载中，请稍候。">

    </div>

</div>

<div async_module="smartreview_dispRead" async_type="template">


## 하단 생략 ##




▼ (대만어-번체)  아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.

## 상단 생략 ##


</span>

    </div>

    <!-- 비동기로 전달할 템플릿 영역(반드시 포함이 되어있어야함) -->

    <div id="ec-board-read-wrapper"></div>

<div id="ec-board-read-wrapper">

    <div class="loading">

        <img src="//img.echosting.cafe24.com/skin/mobile/board/review/ico_loading.gif" alt="正在加載中，請稍候。">

    </div>

</div>

<div async_module="smartreview_dispRead" async_type="template">


## 하단 생략 ##





※  css

1) 위치 : 모바일 쇼핑몰 > 디자인 수정하기 > 게시판(board) > 리뷰톡톡(smartreview) >  css >  reveiw.css


▼ 아래와 같이 빨간색 소스를 삭제, 파란색 소스를 추가합니다.


## 상단 생략 ##


    .reviewArea .reviewList .prdInfo .info dd { font-size:11px; line-height:14px; }

  /* 페이지네이트 로딩형 */

    .reviewArea .loading { margin:30px 0; text-align:center; background:#fff; }

    .reviewArea .loading { padding:30px 0; text-align:center; background:#fff; }

  /* 페이지네이트 기본형 */

    .reviewArea .paginate.typeList ol li .this { border-color:#f76e69; color:#f76e69; }



## 하단 생략 ##





이전글

[게시판관리] [리뷰톡톡] 리뷰글 개수 쇼핑몰 화면에 표시하기

2016-11-29

다음글

[마켓플러스] 옥션/G마켓 묶음배송비 연동 개선 안내

2017-09-06