영카트5 상품 리스트 상세 AJAX 스킨
영카트5의 상품리스트, 상품상세 페이지의 장바구니 담기 등을 AJAX 처리한 스킨이다. 상품리스트에서는 옵션이 있는 상품의 경우 옵션을 선택한 후 상품을 장바구니에 담을 수 있으며 상품상세에서는 장바구니, 위시리스트 선택시 AJAX 처리가 되도록 되어 있다. 스킨 데모 : http://codepub.net/yc5/shop/list.php?ca_id=10 스킨 파일 : ajax-basic.zip
영카트5의 상품리스트, 상품상세 페이지의 장바구니 담기 등을 AJAX 처리한 스킨이다. 상품리스트에서는 옵션이 있는 상품의 경우 옵션을 선택한 후 상품을 장바구니에 담을 수 있으며 상품상세에서는 장바구니, 위시리스트 선택시 AJAX 처리가 되도록 되어 있다. 스킨 데모 : http://codepub.net/yc5/shop/list.php?ca_id=10 스킨 파일 : ajax-basic.zip
오늘 코딩 작업을 하다 알게 된 것인데.. 이런 경우다. 쇼핑몰에서 상품문의와 사용후기를 jQuery load를 이용해 불러오는데.. 당연히 각각 페이징이 있다. 사용후기가 먼저 나오고 상품문의가 나오는 구조에서 페이징에는 pg_page라는 class를 가지고 있다. pg_page 에 click 이벤트를 지정해줬는데.. 이상하게 먼저 나오는 사용후기의 페이지 넘버를 클릭하면 아래쪽 상품문의 페이지도 함께 변경되는 것이다. 각각 데이터를 load 할 때 사용하는 …
이거 왜 시작했는지.. 그건 기억이 나지 않지만 그전까지 그누보드를 너무 잘 사용해왔기 때문에 굳이 이런 걸 만들 필요성은 전혀 느끼지 못했는데.. 일을 계속하다 보니 그누보드의 다양한 기능이 오히려 부담스러울 때가 있어서.. 결국은 내 생각에 꼭 필요한 기능만 넣어서 하나 만들어보자.. 뭐 이렇게 시작을 하게 된 것 같다. 거의 완성 단계에 이르러 이번에 진행 중인 프로젝트부터 …
위 이미지와 같은 개럴리 스라이더를 구현하기 위해 어제 많은 시간을.. 황금같은 금요일에 밤 11시까지 사무실에서 작업을 했으니 내가 미친 것이 아닌가 싶다. ㅋ 이렇게까지 복잡한 기능을 만들려고 한 것은 아닌데.. 자꾸 요구사항을 듣고 기능을 추가하다 보니 대략 난감. ㅎㅎ 동적으로 DB에서 데이터를 불러와서 슬라이드 기능을 구현하는 것이라 상당히 머리를 많이 썼다. 기존에 구현된 것을 찾아서 …
내가 운영하는 쇼핑몰이라면 이건 거 만들지 않고 그냥 소스파일 수정하는 방향으로 했을텐데.. 아무래도 html이나 기타 스크립트에 익숙하지 않는 사람도 써야하니까 결국은 복잡한 기능의 관리 페이지를 만들어야 한다. 한 페이지 작업하는 데 이번 주 내내 시간을 허비하고 있다는.. 사용자 입장에서 직관적이고 편하게 만들다 보니 이렇다는.. 위 이미지는 그 관리 페이지 중에서 하나이다. 탭으로 구성된 부분에서 각 …