[카페24] 메인 상품 후기 최신글

카페24 쇼핑센터 메인 페이지에 최신 상품평 게시판 노출 코드

• $카운트 = 삼 표시할 번호를 사용자 지정합니다.
  
  
• ~

  등급에 해당하는 상품이 표시되는 영역입니다.
  
  

• {몰아이디}/{$real_filename}” > 여기서 {몰아이디} 입력란에 몰아이디(카페24 계정아이디)를 입력하세요. 썸네일이 아닌 원본 이미지를 불러와 화질을 확실히 볼 수 있도록 하는 것입니다.
  
  
• 등록 날짜를 표시하려면 {$write_date|date:Ymd}를 추가하세요.

기본 코드

<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="http://hongpage.kr/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="http://hongpage.kr/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="http://hongpage.kr/product/detail.html{$param_product}">{$product_img}</a></div>
            <div class="prdInfo">
                <h3><a href="http://hongpage.kr/product/detail.html{$param_product}">{$product_name}</a></h3>
                <p class="price">{$product_price}</p>
                </p>
            </div>
            </div>             

            </div>
        </li>

       <li>
            <a href="http://hongpage.kr/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="http://hongpage.kr/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="http://hongpage.kr/product/detail.html{$param_product}">{$product_img}</a></div>
                        <div class="prdInfo">
                            <h3><a href="http://hongpage.kr/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를 적절히 활용하면 아래와 같이 무한대로 사용할 수 있다.