영카트5 모바일 기능 변경 테스트 요청드립니다. 정보
영카트5 모바일 기능 변경 테스트 요청드립니다.
본문
http://demo.sir.co.kr/gnuboard5/shop/
영카트5의 모바일 사용자 화면 UI 및 기능 개선 작업을 진행 중입니다.
위 주소를 모바일 기기로 접속하시면 변경된 UI를 확인할 수 있습니다.
주된 개선점은 모바일에서 상품의 가로 개수를 지정할 수 있도록 변경,
리스트 상단에 각 분류의 Best 상품을 노출하는 것,
리스트 페이징을 Ajax 로 처리하도록 한 점,
모바일 초기화면 배너 출력 기능, 전체적인 모바일 UI 변경입니다.
오류가 있으시다면 댓글로 남겨주세요.
별다른 오류가 없다면.. 아니 심각한 오류가 아니라면 다음 버전에 적용되어 배포될 예정입니다.
추천
0
0
댓글 9개

와우~ 조아요!
배너는 자동으로 넘어가지 않나요? 밀어야 하네요.
배너는 자동으로 넘어가지 않나요? 밀어야 하네요.

고생하셨습니다.
모바일에서 상품의 가로 개수와 세로 행수를 지정하는 기능이 눈에 띄네요.
반응형 작업을 하다 보면 가로 개수는 유동적인 것이 좋은데, 한가지로만 지정하는 것은 솔직히 무의미하다는 생각이네요. 기왕 개선을 할 참이라면 해상도별 가로 개수를 지정할 수 있도록 해주시는게 좋을 것 같고, 아니라면 기존처럼 한 페이지에서 보여줄 상품수만 지정하는 편이 나을 것 같습니다.
개인적으로 후자쪽에 미디어쿼리를 style.css 에 삽입하는 쪽으로 개선되는 것이 좋아보입니다.
모바일에서 상품의 가로 개수와 세로 행수를 지정하는 기능이 눈에 띄네요.
반응형 작업을 하다 보면 가로 개수는 유동적인 것이 좋은데, 한가지로만 지정하는 것은 솔직히 무의미하다는 생각이네요. 기왕 개선을 할 참이라면 해상도별 가로 개수를 지정할 수 있도록 해주시는게 좋을 것 같고, 아니라면 기존처럼 한 페이지에서 보여줄 상품수만 지정하는 편이 나을 것 같습니다.
개인적으로 후자쪽에 미디어쿼리를 style.css 에 삽입하는 쪽으로 개선되는 것이 좋아보입니다.

해상도별 개수 지정은 정확한 기준을 정할 수가 없기 때문에 어렵습니다.
수정된 기능에서도 스킨의 코드를 수정해 clear 클래스를 추가하는 부분을
수정하고 css 코드를 수정한 후 미디어쿼리를 이용하면 가능하고 생각됩니다.
한 페이지에 보여질 상품수 역시 가로개수 * 세로개수로 간단히 계산되니까요.
수정된 기능에서도 스킨의 코드를 수정해 clear 클래스를 추가하는 부분을
수정하고 css 코드를 수정한 후 미디어쿼리를 이용하면 가능하고 생각됩니다.
한 페이지에 보여질 상품수 역시 가로개수 * 세로개수로 간단히 계산되니까요.

아이폰 6 플러스 사파리에서 테스트 해보니.. TH-베이직 슬림셔츠 블랙을 선택하고..
Size, Color, 이벤트 선택을 누르면 화면 사이즈가 커지면서 앞쪽의 size, color, 이벤트 레이블이 안보이네요..
size을 선택했을 때.. 아래쪽에 선택,L, M, S가 나오면 화면을 옮겨서 (보통) M을 누르면 선택을 하는데, 선택이 안되고, Done을 눌러야 되네요..
더 테스트 해보고 다시 댓글로..
Size, Color, 이벤트 선택을 누르면 화면 사이즈가 커지면서 앞쪽의 size, color, 이벤트 레이블이 안보이네요..
size을 선택했을 때.. 아래쪽에 선택,L, M, S가 나오면 화면을 옮겨서 (보통) M을 누르면 선택을 하는데, 선택이 안되고, Done을 눌러야 되네요..
더 테스트 해보고 다시 댓글로..

안드로이드에서는 사이즈 변경은 없는데.. 현재 입력 필드 부분을 가리네요..
가리지 않았으면..
가리지 않았으면..

Cart에서 계속 쇼핑하기를 누르면 슬림화면으로 가네요..
예를 들면 초기화면에서 th-블락체크 셔츠 -그레이 3000원짜리를 오더 하고, 쇼핑 계속하기를 누르면 초기 화면이나 그 제품에 관련된 카테고리로 가야 될것 같은데요..
예를 들면 초기화면에서 th-블락체크 셔츠 -그레이 3000원짜리를 오더 하고, 쇼핑 계속하기를 누르면 초기 화면이나 그 제품에 관련된 카테고리로 가야 될것 같은데요..

첫번째 shopping cart에 들어간 카테고리로 가네요.. 즉 첫번째 슬림오더하고..
두번째 체크를오더하면 계속 쇼핑하기를 눌렀을 때 가야 될곳은?
두번째 체크를오더하면 계속 쇼핑하기를 눌렀을 때 가야 될곳은?

초기화면에서 TH-블락체크 셔츠-그레이2[테스트]를 선택하고 그림을 크게 보기 위해서 클릭하면
아이폰 사파리의 멀티 탭 화면이 다 보였다(구글 폰에서 버튼을 꾹 누르면 현재 액티브 된 화면 나오듯이..5.0버전에서..), 사진이 나오네요..
아이폰 사파리의 멀티 탭 화면이 다 보였다(구글 폰에서 버튼을 꾹 누르면 현재 액티브 된 화면 나오듯이..5.0버전에서..), 사진이 나오네요..

깔끔하고 좋네요... ^^