스마트스토어의 이미지 보안 정책에 따른 제약으로, 스마트에디터로 등록된 상세설명을 넥스트엔진으로 수집한 후 다시 송신하면 이미지가 잘리거나 좌우에 여백이 생길 수 있습니다.
현재는 아래 두 가지 방법 중 하나로 상세설명을 수정한 후 송신해 주셔야 합니다.
방법 1. 기존 상세설명 HTML 수정하기
① HTML 편집 화면 열기
넥스트엔진 상품 수정 화면에서 상세설명 편집기의 HTML 버튼을 클릭해 주세요.
② 이미지 잘림 수정하기
Ctrl+F(맥은 Cmd+F)로 수정할 이미지의 파일명을 검색한 후, 아래 예시를 참고하여 HTML을 변경해 주세요.
아래 이미지 주소와 파일명은 설명을 위한 예시입니다. 실제 상품에 등록된 이미지 주소와 파일명은 그대로 유지하고, 변경 대상 태그와 스타일만 수정해 주세요.
• 변경 전
<a href="https://example.com/product">
<img src="https://example.com/images/sample-product.png" title="sample-product.png"><br style="clear:both;"></a><br>
• 변경 후
<a href="https://example.com/product">
<img src="https://example.com/images/sample-product.png" title="sample-product.png" style="max-width:100%;display:block;"></a>
해당 이미지의 <img> 태그 끝부분을 기준으로 보면 변경할 내용은 다음과 같습니다.
• 변경 전
><br style="clear:both;"></a><br>
• 변경 후
style="max-width:100%;display:block;"></a>
※ 위 변경 전 코드와 구조가 같은 부분에 적용해 주세요.
이미지 파일명의 숫자는 상품 및 이미지마다 다르므로, 수정할 이미지의 파일명을 먼저 확인해 주세요.
③ 좌우 여백 없애기
se-component-content-fit을 검색한 후, 해당하는 부분을 모두 se-component-content-extend으로 변경해 주세요. 변경할 곳의 개수는 상세설명에 따라 다를 수 있습니다. 일반적으로 4개입니다.
• 변경 전
<div class="se-component-content se-component-content-fit">
• 변경 후
<div class="se-component-content se-component-content-extend">
④ 저장 및 재송신
수정 내용을 저장한 후 스마트스토어로 다시 송신해 주세요.
방법 2. 상세설명 새로 등록하기
① 넥스트엔진에서 스마트스토어로부터 수집된 기존 상세설명 이미지를 모두 삭제해 주세요.
② 넥스트엔진에서 상세설명을 새로 등록해 주세요.
③ 저장 후 스마트스토어로 다시 송신해 주세요.
※ 삭제 전, 다시 등록할 이미지와 상세설명 내용을 준비해 주세요.
스마트에디터로 등록된 기존 이미지를 모두 삭제한 후 넥스트엔진에서 상세설명을 새로 등록하여 송신하시면, 이미지가 정상적으로 표시됩니다.