Aurora Modules

상품 후기 포토 모아보기

상품 후기 게시판 페이지에서 노출되는 상품 후기 포토 모아보기 모듈입니다.

모듈명: board-reviews-photos원본소스

상품 후기 포토 모아보기 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
images	Images[]	[]	이미지 정보 (아래 타입 참조)

Images 타입

속성명	타입	기본값	설명
urls	string[]	[]	-
reviewNo	number	-	상품평 번호
registerNo	number	-	작성자 번호
attachedFileCount	number	0	첨부파일 개수
recommendCnt	number	0	추천수

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<div>
    <div slot="isOpen">
        <div class="portal">
            <div class="dim"></div>
            <div class="modal full-modal">
                <div class="title-modal">
                    <div class="title-modal__header">
                        <h2 class="title-modal__title" slot="title">포토(2)</h2>
                        <button class="title-modal__close-btn" shopby-on:click="CLOSE_TITLE_MODAL">
                            <span class="ico ico--x-black-24"></span>
                        </button>
                    </div>
                    <div class="title-modal__content" slot="layerModalContent">
                        <!-- modal content -->
                        <div>
                            <div shopby-layer-modal-helper-key="product-review-photos">
                                <board-reviews-photos>
                                    <div>
                                        <div slot="images">
                                            <div class="product-review-photos">
                                                {{#each images}}
                                                <div
                                                    class="product-review-photos__img-box"
                                                    shopby-review-product-no="{{productNo}}"
                                                    shopby-review-no="{{reviewNo}}"
                                                >
                                                    <img
                                                        src="{{getFirstImageWithDefault urls}}"
                                                        alt="image"
                                                        loading="lazy"
                                                        shopby-action="REVIEW_DETAIL_POPUP"
                                                    />
                                                    {{#ifGt attachedFileCount 1}}
                                                    <span class="product-review-photos__attached-file-count">{{attachedFileCount}}</span>
                                                    {{/ifGt}}
                                                </div>
                                                {{/each}}
                                            </div>
                                        </div>
                                    </div>
                                </board-reviews-photos>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div>
    <div slot="isOpen">
        <div class="portal">
            <div class="dim"></div>
            <div class="modal password-form-modal">
                <div class="title-modal">
                    <div class="title-modal__header">
                        <h2 class="title-modal__title" slot="title">포토(2)</h2>
                        <button class="title-modal__close-btn" shopby-on:click="CLOSE_TITLE_MODAL">
                            <span class="ico ico--x-black-24"></span>
                        </button>
                    </div>
                    <div class="title-modal__content" slot="layerModalContent">
                        <!-- modal content -->
                        <div>
                            <div shopby-layer-modal-helper-key="product-review-photos">
                                <board-reviews-photos>
                                    <div>
                                        <div slot="images">
                                            <div class="product-review-photos">
                                                {{#each images}}
                                                <div
                                                    class="product-review-photos__img-box"
                                                    shopby-review-product-no="{{productNo}}"
                                                    shopby-review-no="{{reviewNo}}"
                                                >
                                                    <img
                                                        src="{{getFirstImageWithDefault urls}}"
                                                        alt="image"
                                                        loading="lazy"
                                                        shopby-action="REVIEW_DETAIL_POPUP"
                                                    />
                                                    {{#ifGt attachedFileCount 1}}
                                                    <span class="product-review-photos__attached-file-count">{{attachedFileCount}}</span>
                                                    {{/ifGt}}
                                                </div>
                                                {{/each}}
                                            </div>
                                        </div>
                                    </div>
                                </board-reviews-photos>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

/* 여기에 스타일 코드를 작성해주세요. */