카테고리 메뉴

  • 종합몰,멀티샵
  • 여성패션,잡화
  • 남성패션,잡화
  • 화장품,향수,세안품
  • 건강,식품,약품
  • 유아,아동용품
  • 팬시,문구
  • 컴퓨터,가전제품
  • 인테리어,가구,소품

온라인 설문조사

온라인 설문조사

디자인 구매시 가장 고려하는 점?

설문조사 항목

투표하기 결과보기

현재 위치
  1. 게시판
  2. FAQ

FAQ

고객님들이 자주 궁금해하시는 내용들입니다.

게시판 상세
제목 쇼핑몰에 영상 올리실 때 주의사항
작성자 별모아디자인 (ip:)
  • 작성일 2019-09-05
  • 추천 추천하기
  • 조회수 40
평점 0점



상품 등록하실 때 상품상세설명에 영상 소스를 붙여넣으실 경우

혹은 게시판에 글을 등록하실 때 영상 소스를 붙여넣으실 경우

아래와 같이 붙여넣어주셔야 모바일 화면에서 영상이

화면 크기에 맞게 자동 사이즈 조절되어 나타나게됩니다. (유튜브, 네이버 영상 등)



우선 모바일쇼핑몰 > 디자인관리 > 디자인 보관함에서 수정 버튼을 클릭하여

스마트디자인 편집창이 뜨면 편집창 하단 왼쪽의 화면명 검색창에서

additional.css 를 검색하여 선택파일열기를 합니다.

css 소스창 가장 위에 아래 소스를 붙여넣어주세요.



/* 영상 */
.xans-product-additional .video-container {
 position:relative;
 padding-bottom:56.25%;
 padding-top:30px;
 height:0;
 overflow:hidden;
}

.xans-product-additional .video-container iframe, .xans-product-additional .video-container object, .xans-product-additional .video-container embed {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
/* 영상 // */



위의 소스를 붙여넣으신 후 편집창 상단 왼쪽의 '저장' 버튼을 클릭해주세요.






그리고 영상 올리실 때 마다 아래 설명 참고하셔서 영상 소스를 붙여넣어주셔야 합니다.

상품상세설명페이지나 게시판에 영상을 올리기 위해 영상 소스를 붙여넣으실 경우

반드시 아래 설명대로 붙여넣어주셔야 합니다.

 


영상 소스 제일 앞에

<div class="video-container"> 를 넣어주시고

영상 소스 제일 뒤에는 </div> 를 넣어주시기 바랍니다.


<div class="video-container">영상소스</div> 이렇게 붙여넣어주셔야 합니다.




아래 예시 참조바랍니다. 영상 소스는 보통 <iframe 으로 시작하고 </iframe> 으로 끝납니다.



<div class="video-container">
<iframe width="800" height="450" src="https://www.youtube.com/embed/dlA6fMBZzbI" frameborder="0" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>
</div>





주의사항 :

<div class="video-container"> </div> 사이에는

영상 소스만 들어가야 합니다. 다른 소스가 그 사이에 포함되지않도록 유의해주세요.



첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
관리자게시 게시안함 스팸신고 스팸해제
목록 삭제 수정 답변
댓글 수정

비밀번호 :

수정 취소

/ byte

비밀번호 : 확인 취소

댓글 입력

댓글달기이름 :비밀번호 : 관리자답변보기

확인

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.

왼쪽 스크롤 배너

오른쪽 스크롤 배너

위로이동 아래로이동