![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/poster@515617987.jpg)
Shop by 쇼핑몰 상품등록시 위아래로 여백이 생기게 등록하려면(1)
![](/SAYBOARD_NEW/DESIGN_SKIN/board_opentutor_notice/images/icon_free_pellucid.png)
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/poster@515617987_1.jpg)
Shop by 쇼핑몰 상품등록시 위아래로 여백이 생기게 등록하려면(2)
![](/SAYBOARD_NEW/DESIGN_SKIN/board_opentutor_notice/images/icon_free_pellucid.png)
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/poster@515617987_2.jpg)
Shop by 쇼핑몰 상품등록시 위아래로 여백이 생기게 등록하려면(3) - 포토샵에서 Contrain Proportion 상품이미즈 사이즈 줄이기
![](/SAYBOARD_NEW/DESIGN_SKIN/board_opentutor_notice/images/icon_free_pellucid.png)
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/shopby@48724118_4.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(1) - 미리보기
![](/SAYBOARD_NEW/DESIGN_SKIN/board_opentutor_notice/images/icon_free_pellucid.png)
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/shopby@48724118_3.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(2) - 제일 먼저 준비해야 할 것들
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/shopby@48724118_2.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(3) - 섹션 박스 상단메뉴 밑에 삽입하기
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/shopby@48724118_1.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(4) - 섹션 박스안에 이미지 요소 삽입하기
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/shopby@48724118.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(5) - 이미지 삽입하기
![](/images/lecture_img/shopby-goods-regist-with-option.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(6) - 섹션 박스 전체에 배경이미지 넣으려면
![](/images/lecture_img/shopby-goods-regist-with-option.jpg)
메인페이지 상단영역 슬라이드 이미지 적용하기(7) - 6장 이미지 슬라이드 효과 적용
![](/SAYBOARD_NEW/upImg/opentutor/newest_lecture/275@727620687.jpg)
01_고도 ShopBy 쇼핑몰 솔루션 - 옵션 있는 상품 등록하기(1)
![](/SAYBOARD_NEW/DESIGN_SKIN/board_opentutor_notice/images/icon_free_pellucid.png)
![](/images/lecture_img/shopby-goods-regist-with-option.jpg)
02_고도 ShopBy 쇼핑몰 솔루션 - 옵션 있는 상품 등록하기(2)
![](/images/lecture_img/shopby-goods-regist-with-option.jpg)
03_고도 ShopBy 쇼핑몰 솔루션 - 옵션 있는 상품 등록하기(3)
![](/images/lecture_img/shopby-goods-regist-with-option.jpg)
04_고도 ShopBy 쇼핑몰 솔루션 - 옵션 있는 상품 등록하기(4)