업그레이드
게시글 정보
[기능추가] 상품 특이・유의사항 추가 및 롤오버 이미지 연동, 소스 추가방법 안내
2022-09-08

안녕하세요! 글로비 운영자 입니다. 


메이크글로비의 연동 정보 중, 롤오버 이미지, 상품 특이사항, 상품 유의사항 추가 연동 기능이 추가되어 안내 드립니다. 

 

1. 상품 특이사항 / 상품 유의사항

※ 경로: 상품관리>샵링크 서비스 > 상품연동설정 

 

샵링크서비스 > 상품연동설정 - 번역 항목 선택에 ' 상품 특이사항' '상품 유의사항' 체크박스가 추가되었습니다.

 

 

 

체크 시 해당 영역 연동 시 번역 서비스가 적용되어 연동되어집니다.


2. 상품 연동항목


※ 경로: 상품관리>샵링크 서비스 > 상품연동설정 

 

 

                                              

기존 상품이미지 연동 항목 중 롤오버 이미지가 추가되었습니다.

상품 특이사항, 상품 유의사항 연동 항목이 추가되었습니다.

 

 


3. 상품 등록시, 상품 특이사항/ 유의사항 영역 추가 



※ 경로: 상품관리> 전체상품 통합관리 > 상품등록버튼 


 

[상품 특이사항 영역]

- 상품의 부가적인 정보를 추가로 넣으실 수 있습니다. 

- 메이크샵과 동일한 상품 특이사항 입력 기능을 제공하며 프론트 상세페이지 內 기본 UI 노출이 가능합니다.

- 최대 200자 입력 제한

 

[상품 유의사항 영역] 

- 상품 유의사항 입력 기능을 제공합니다.  (프론트 노출 X)

- 최대 2000자 입력 제한

입력된 상품 유의사항은 html 태그를 통해 상품 상세페이지에 노출할 수 있습니다.



4. 롤오버 상품 이미지 영역 추가


※ 경로: 상품관리> 전체상품 통합관리 > 상품등록버튼 

 

 

- 롤오버 이미지 등록 기능을 제공합니다.

- 메이크샵 연동 시 연동 이미지를 노출합니다.

 

 

해당 예약어와 스크립트 소스 추가 관련하여 안내드립니다


1) 예약어 입력 

 

디자인 편집 위치 : 상품목록 > 상품정보조각 (unit_product.tpl)

 

위치 : <img src="{{$v->list_img[0]}}"> 에 해당 롤오버 예약어 추가

 

ex) <img src="{{$v->list_img[0]}}"  {{if $v->img_rollover_original_name neq ''}}rollover="{{$v->img_rollover_original[0]}}"{{/if}}>

 



2) 스크립트 추가 

 

디자인 편집 위치 : 레이아웃 > 하단 (footer.tpl)

위치 : 하단 템플릿 맨 아래에 스크립트 소스 추가

 

<script>

$(document).ready(function() {

$("img").hover(function() {

if($(this).attr("rollover")) {

var temp = $(this).attr("src");

$(this).attr("src", $(this).attr("rollover"));

$(this).attr("rollover", temp);

}

});

});

</script>

 

 

빨간색으로 된 예약어와 스크립트를 각각 지정된 디자인 편집위치 칸에서  복사+붙여넣기 하여 입력해주시면 됩니다.

 

추가된 기능은 메이크글로비 관리자 페이지 내에서 확인 가능하시며, 관련 문의는 1:1 문의게시판을 통해 남겨주시면 회신 드리도록 하겠습니다.

 

계속해서 새로운 공지 내용이 있으면 신속하게 안내해 드리도록 하겠습니다.

 

감사합니다.