[카페24] 메인 상품 후기 최신글 코드 / 메인에 최근 리뷰 보여주기

카페24 쇼핑몰 메인페이지에 상품 후기 게시판 최신글을 보여주기 위한 코드

 

• $count = 3 에서 보여줄 개수 조정 
• <div id="pd_info">~</div> 부분이 후기에 해당하는 상품을 보여주는 영역
• <img src="/file_data/{몰아이디}/{$real_filename}" > 여기서 {몰아이디} 부분에 몰 아이디(카페24 계정아이디)를 입력하면 된다. 썸네일이 아닌 원본 이미지를 불러와서 화질이 선명하게 보이기 위한 것.
• 등록 날짜를 보여주고 싶으면 {$write_date|date:Y-m-d} 추가

 

기본 코드

<div module="board_listpackage_8">
<!--@css(/css/module/board/listPackage.css)-->   
    <div module="board_list_8">
        <!--
            $count = 3
            $main_list = yes
            $subject_cut = 25
        -->

        <ul>
            <li>
            <a href="/board/product/read.html{$param_read}" class="imgLink"><img src="/file_data/{몰아이디}/{$real_filename}" onerror="this.src='http://img.echosting.cafe24.com/thumb/198x198.gif'" alt="" /></a>
            <div class="description">
                <p class="subject">{$category_name} <a href="/board/story/read.html{$param_read}"> {$subject} {$icon_new}</a></p>
                <div class="st_content">{$content}</div>

            <div id="pd_info">                    
            <div class="prdThumb"><a href="/product/detail.html{$param_product}">{$product_img}</a></div>
            <div class="prdInfo">
                <h3><a href="/product/detail.html{$param_product}">{$product_name}</a></h3>
                <p class="price">{$product_price}</p>
                </p>
            </div>
            </div>             

            </div>
        </li>

       <li>
            <a href="/board/product/read.html{$param_read}" class="imgLink"><img src="/file_data/{몰아이디}/{$real_filename}" onerror="this.src='http://img.echosting.cafe24.com/thumb/198x198.gif'" alt="" /></a>
                <div class="description">
                    <p class="subject">{$category_name} <a href="/board/story/read.html{$param_read}"> {$subject} {$icon_new}</a></p>
                    <div class="st_content">{$content}</div>

                    <div id="pd_info">                    
                        <div class="prdThumb"><a href="/product/detail.html{$param_product}">{$product_img}</a></div>
                        <div class="prdInfo">
                            <h3><a href="/product/detail.html{$param_product}">{$product_name}</a></h3>
                            <p class="price">{$product_price}</p>
                            </p>
                        </div>
                    </div>             
              </div>
        </li>
        </ul>
    </div>
</div>

 

 

 

활용예시

jQuery 와 CSS를 적절히 사용하면 아래처럼 무궁무진하게 활용이 가능하다.

카페24 최근 후기 예시