RX/XE 기능개발 내역 - 반응형 슬라이더 위젯 ( sejin7940_slider )
RX/XE 기능개발 내역
의뢰 전에 실제 구현가부가 걱정되시는 경우
또는 XE로 이런게 구현가능한지 의구심이 드는 경우들을 위해
실제로 XE 기반으로 제작한 기능들을 간단히 소개합니다.

단, 기재한 모든 기능들은 전부 의뢰자들의 요청에 의해 제작된 유료자료들입니다.
( 타사이트들처럼 템플렛형태로 다량 판매 자료로 만들어진 자료들이 아닙니다. )

따라서 가격대가 저가는 아님을 미리 알려드립니다. ( 기존 의뢰자와의 형평성을 감안해 비용측정됩니다)
구매 및 제작 원하시면 XE 제작의뢰 게시판에 글을 남겨주시면 됩니다.

[반응형 슬라이더 위젯 ( sejin7940_slider )] 쇼핑몰 상품모듈 (product) 모듈에서도 사용할 수 있도록 추출 기반 추가

sejin7940 조회:117 2016.05.28 17:42

슬라이더 위젯은 게시판 의 게시글 기반으로 첨부된 파일들을 슬라이드 처럼 출력시킬 수 있는 위젯이다.

 

앞서   http://sejin7940.co.kr/index.php?mid=sejin7940_work&category=99580&document_srl=101746   글에서 볼 수 있듯이

게시글별 대표 이미지만 뽑는 기능뿐만 아니라,  하나의 글 내의 모든 이미지를 뽑아내 슬라이드화 하는 기능을 만들면서

 

원래의 슬라이드 기능은,  각 게시물별로 이미지를 하나 만드는 형태이다.

이는 보통 메인이나 서브메인등에서,  여러글로부터 이미지를 하나씩 뽑아 슬라이드화 해서

클릭시 해당 글로 이동시키도록 만들어졌기 때문이다.

 

 

이를 예전에 개선했던게  '특정 글에 포함된 모든 첨부파일을 슬라이드화 해 슬라이드갤러리나 이북처럼 구현'  기능이다.

( http://sejin7940.co.kr/index.php?mid=sejin7940_work&category=99580&document_srl=101746  )

이렇게 하면,  view 화면 내부에 이 위젯을 배치할 수 있게 된다.  

view 내부에 첨부된 여러 이미지에 대한 이미지 슬라이드로 작동이 가능하다. 

 

 

 

이렇게 만들어진 기능을  shopxe 에서 사용하는 product 모듈로 까지 확장을 했다.

product 모듈은  누리고의 nproduct 모듈이나  일반적인 board 모듈과 달리..  에디터를 두개를 동시에 사용한다.

해당 상품의 이미지만 따로 업로드하는 이미지 전용 파일업로드 부분이 따로 있고

상세내용에 해당하는 본문내용을 기재하기 위한 에디터가 따로 분리되어 구현된다.  ( 상세내용부분이 기본적인 게시글 에디터다)

그러다보니,  실제 상품 이미지 부분을 뽑아내려면 전용의 별도 위젯을 사용하다. ( 이미지 추출하는 함수부터가 다 달라서)

 

이번에 이 슬라이더 기능에 이 product 모듈 기반을 이식했다.

메인에 대표상품을 슬라이드화 시키기 위한 용도로도 쓸 수 있고

view 화면 내부에 해당 상품을 슬라이드화 시켜 보일 수도 있게 되었다.

 

특히 모바일 상품 view 화면에서,  이미지부분을 slider 형태로 출력시켜서  사용하기 위해 만들어졌다.

 

 

slider.jpg

 

 

목록
전체 10건
번호 카테고리 제목 등록일
10 반응형 슬라이더 위젯
( sejin7940_slider ) 		확장변수업로드(extravar_upload) 기반의 슬라이더 기능 구현 2022.01.25
9 반응형 슬라이더 위젯
( sejin7940_slider ) 		게시글 상단에 해당 글 첨부파일을 슬라이더화할때 슬라이더 이미지 순서 변경 기능 2020.06.24
8 반응형 슬라이더 위젯
( sejin7940_slider ) 		slick 슬라이더 추가 / 썸네일 페이저형 슬라이더 추가 / 이미지 원본 및 비추천글 제외 기능등 file 2020.01.25
7 반응형 슬라이더 위젯
( sejin7940_slider ) 		수직 슬라이드 / 슬라이더 이미지 동시 출력개수 및 동시 이동 설정 등 슬라이더 자체 여러 설정을 대부분 옵션화 file 2016.11.15
6 반응형 슬라이더 위젯
( sejin7940_slider ) 		이미지가 cover 형태로 되는 슬라이드 스킨 - FlexSliderWide 2016.09.15
5 반응형 슬라이더 위젯
( sejin7940_slider ) 		사이트맵을 기반으로 슬라이더 컨텐츠 관리 기능 구현 2016.09.06
» 반응형 슬라이더 위젯
( sejin7940_slider ) 		쇼핑몰 상품모듈 (product) 모듈에서도 사용할 수 있도록 추출 기반 추가 file 2016.05.28
3 반응형 슬라이더 위젯
( sejin7940_slider ) 		특정 글에 포함된 모든 첨부파일을 슬라이드화 해 슬라이드갤러리나 이북처럼 구현 2014.11.10
2 반응형 슬라이더 위젯
( sejin7940_slider ) 		이미지 화질을 유지하기 위해 썸네일 대신 원본 이미지 기반으로 슬라이드 구현 2014.05.22
1 반응형 슬라이더 위젯
( sejin7940_slider ) 		슬라이더 위젯에 탭 기능 추가 file 2014.05.15
카테고리
XE Login