이미지 번역 에디터 개발

프로젝트 개요 : - 카페24 자사몰을 통한 판매를 진행중입니다. 모바일 페이지 상품 [바로구매] 클릭 시 나타나는 팝업 부분 리뉴얼 작업 요청드리고 싶습니다. 현재 준비 상황 : - 기존 운영 중인 페이지가 있으며, 결제까지 정상 작동 중입니다. 필요 요소 : - 상품 구매 팝업 리뉴얼 개발 개발환경/언어/방식 : - HTML, CSS, JavaScript/jQuery 주요 기능List/주요 화면List/메뉴 구성/요구 사항 등 : 1) 자사몰 주소입니다 : <a href="https://m.dealfactory.kr/product/%EB%8B%A4%EC%9E%A1%EC%8A%A4-%EA%B0%80%EC%A0%95%EC%9A%A9-%EC%A0%84%EA%B8%B0-%EB%AA%A8%EA%B8%B0-%ED%87%B4%EC%B9%98%EA%B8%B0/129/category/1/display/3/#none" target="_blank">https://m.dealfactory.kr/product/%EB%8B%A4%EC%9E%A1%EC%8A%A4-%EA%B0%80%EC%A0%95%EC%9A%A9-%EC%A0%84%EA%B8%B0-%EB%AA%A8%EA%B8%B0-%ED%87%B4%EC%B9%98%EA%B8%B0/129/category/1/display/3/#none</a> - 위 페이지 하단 스크롤 시 픽스된 [바로구매] 버튼을 클릭하면 노출되는 팝업창을 리뉴얼 하고 싶습니다. - 적용할 디자인 UI : <a href="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FqAFakZMazjSw6zHoKNtspD%2Fmobile_detail_button%3Ftype%3Ddesign%26node-id%3D0%253A1%26mode%3Ddesign%26t%3DJoDdaqN3H9Xvbh5K-1" target="_blank">https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FqAFakZMazjSw6zHoKNtspD%2Fmobile_detail_button%3Ftype%3Ddesign%26node-id%3D0%253A1%26mode%3Ddesign%26t%3DJoDdaqN3H9Xvbh5K-1</a> 2) 현재 [바로구매] 버튼 클릭 시 옵션창 노출 시간이 3~4초 정도 걸림 - 레퍼런스 사이트와 같이 [바로구매] 버튼 클릭 시 바로 옵션창 노출 산출물 : - 개발 원본 소스 코드 참고 서비스/사이트 : 1) <a href="https://m.themedicube.co.kr/product/detail.html?product_no=1072&cate_no=1&display_group=7" target="_blank">https://m.themedicube.co.kr/product/detail.html?product_no=1072&cate_no=1&display_group=7</a> 2) <a href="https://casppy.kr/product/%EC%9E%90%EC%9D%BC%EB%A6%AC%ED%86%A8-%EC%BA%94%EB%94%94-8%EC%A2%85-%EB%AA%A8%EC%9D%8C/20/category/42/display/1/" target="_blank">https://casppy.kr/product/%EC%9E%90%EC%9D%BC%EB%A6%AC%ED%86%A8-%EC%BA%94%EB%94%94-8%EC%A2%85-%EB%AA%A8%EC%9D%8C/20/category/42/display/1/</a>