[카페24] 메인 구매 리뷰 상품 이미지가 깨져보이는 이슈

🚨 문제 상황

구매 리뷰에 상품 이미지가 깨져보이는 이슈

 

사용자가 사진을 등록하지 않은 경우,목록 이미지가 크게 보여지면서 깨져보이는 것이다. 

 

 

✔️ 상품 썸네일 이미지 사이즈를 변경해주면 해결된다.

 

여기에 출력되는 이미지는 상품 대표이미지의 tiny버전이다.

상품 설정 > 작은 목록 이미지 or 축소이미지일 것이다.

 

사이즈를 전부 800으로 수정해줬다.

그러고 사진을 다시 업로드하면 선명하게 보인다.

 

굿.

 

 

👩🏻‍💻 메인 출력 상품 리뷰

 <div class="review_item">
    <div class="thumbnail">
      <div class="product-image">
        <a href="/board/product/read.html{$param_read}" name="anchorBoxName_{$product_no}"
          ><img src="{$img_src|replace:/gallery/,/}" onerror="this.src='{$product_img_src}'" /></a
        ><!--  /file_data/게정아이디/{$real_filename}  -->
      </div>
      <!---  구매아이콘  ----->
    </div>
    <div class="description" ec-data-custom="" ec-data-price="">
      <div class="name"><a href="/board/product/read.html{$param_read}" class="">{$subject|cut:44,..} {$comment_count}</a></div>
      <ul class="spec">
        <li class="{$point_display|display}">
          <img src="//img.echosting.cafe24.com/skin/skin/board/icon-star-rating{$point_count}.svg" alt="{$point_count}점" />
        </li>
        <li class="">{$member_icon}{$writer}</li>
      </ul>
      <div class="thumb">
        <a href="{$link_product_detail}" class="img"
          ><img
            src="{$product_img_src}"
            onerror="this.src='//img.echosting.cafe24.com/thumb/img_product_medium.gif'"
            alt=""
          />{$product_name|cut:10,..}</a
        >
      </div>
    </div>
  </div>