일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 코드스테이츠
- 서비스기획
- 서비스 기획자
- 데이터
- SpringBoot
- html
- jquery
- PM부트캠프
- 프로덕트 매니저
- 스프링부트
- 자바스크립트
- 프로젝트 매니저
- tag
- 회고록
- 데이터분석
- db
- 쇼핑몰
- kpt회고
- UX
- 서비스 기획
- javascript
- 회고
- 생활코딩
- PO
- CSS
- PM
- 코딩
- 스프링
- 서비스분석
- UI
- Today
- Total
목록웹퍼블리싱 (2)
콘텐츠기획자의 IT입문서
타임세일 이벤트는 많은 쇼핑몰에서 진행되고 있는 이벤트 중 하나! 위의 디자인처럼 구현은 하지 않았지만 비슷한 형식으로 타임세일을 구현해보았다. 매일 특정시간대에 진행되는 타임세일 이벤트이기 때문에 카운트다운 하는 시계를 만드는 코드에 추가적으로 if else 문을 통해 시간 조건을 걸어주었다. 1. 특정 시간대만 상품이 노출되게 한다. 2. 이벤트 진행 시간대가 아니라면 1) 이벤트 진행 전 - 상품에 blur 필터를 추가하여 정보를 가리고, "3시 OPEN" 문구 노출 2) 이벤트 진행 후 - 상품에 blur 필터를 추가하여 정보를 가리고, "내일 3시에 만나요" 문구 노출 function timeSale() { var nowTime = new Date(); var openTime = new Date..
현재 카페24를 이용하여 쇼핑몰을 구축중인데 기존에 제공되는 카테고리 모듈의 경우 클릭을 해도 페이지만 이동할 뿐 아무런 css, js적인 변화가 없다. 그래서 현재 페이지가 어디인지 명확하게 소비자에게 인지되지 않을 것 같아 디자인을 추가하기로 함! 클릭시 addClass를 해주게 되었을 때 클릭 후 리다이렉트 되므로 Class가 다시 사라져서 ㅠㅠㅠ 현재 페이지의 URL에 따라 addClass가 되도록 코드를 수정했다. HTML 홈 {$name|cut 25} {$name|cut 25} jQuery var url = $(location).attr('href'); var home = 'https://홈페이지 주소/'; var no = url.substring(url.lastIndexOf('=') + 1)..