Your Cart (0)
사이트 검토 안내
기본 검토를 위해 일부 코드를 수정했습니다. 로고 중앙 정렬, 검색박스 좌측 배치, 상단 스페셜 메뉴 강조, 슬라이더 좌우 full-bleed 등이 적용되었습니다. 모바일에서 충돌 가능성이 있는 부분은 필요 시 수정하겠습니다. 폰트 종류,색상, 크기 등은 모두 고칠 수 있으니 지금 보시는 페이지에서 다른 폰트,색깔이어도 맨나중에 고칠겁니다. 상단배너, 광고 이미지 크기는 상단메뉴 image size를 클릭하시면 됩니다.
Monthly Special 관련
Monthly special 영역의 커스텀 코드는 모바일과 충돌이 발생합니다. 따라서 Miva에서 제공하는 기본 기능, 슬라이드 기능으로 사용하는 것을 권장드립니다. 배경색상 부분이 모바일 화면을 차지하는 방식이라서요. 화면 아래 보시면 이해가 되실 겁니다.
검토/운영 권장 사항
- Miva가 구성한 방식을 최대한 따르는 것이 좋습니다. 이번 업데이트에 새로 1000 line 코드추가됨.
- 모바일 화면 구성을 최우선으로 검토하십시오.(80%가 모바일입니다).
- 필요 시 상단 배너는 모바일에서 제외를 고려하십시오.
- 필요 시 Monthyly special 부분은 miva slider를 추천합니다.
QA 체크리스트(아래항목 클릭)
레이아웃 & 반응형
- 헤더/네비/배너/슬라이더/푸터가 모바일·태블릿·데스크탑에서 정상 표시
- 로고 중앙·검색박스 좌측이 작은 화면에서 겹치지 않음
- 슬라이더 좌우 full-bleed 여백/swipe와 충돌하지 않음
모바일 우선
- 터치 목표 최소 40px, 폰트/라인하이트 가독성 확보
- 상단 스페셜 메뉴 강조 시 두 줄 이상 넘침/깨짐 여부 확인
- 필요 시 상단 배너 모바일 비표시 적용
기능 충돌
- Monthly Special 커스텀 코드가 브레이크포인트에서 겹치지 않음
- ReadyTheme 기본 컴포넌트와 수동 코드의 중복 스타일/스크립트 점검
접근성 & 사용성
- 키보드 포커스로 메뉴/검색/장바구니 접근 가능
- 이미지 대체텍스트(alt) 적절