레이어드 팝업으로 결제창을 띄우고싶어요

안녕하세요. php와 javascript, jquery를 사용하여 쇼핑몰을 꾸미고있습니다. 데모소스는 checkout.html로 새로운 창을 띄워 결제 페이지를 보여주는 방식인데 저의 쇼핑몰에서 주문하다보면 주문서 작성 후 결제방식을 선택하고 주문하기를 눌렀을 때 주변이 반투명하게 변하면서 모달창 뜨듯이 레이어드 팝업으로 떴으면 좋겠어요. 참고할 자료가 있을까요? 그리고 만약 불가능하다면 지금처럼 새로운 창으로 주문서 정보를 넘겨 결제를 완료한 뒤 뜬 success.php에서 처음 결제를 시작했던 주문서창으로 이동하여 결제 완료페이지로 이동시켜야하는데 jquery의 parent를 활용하면 되는걸까요?
B
토스페이먼츠 BOT•15d ago
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
KL
Kimoon Lee•15d ago
데모소스라는건 어디에 있는 코드를 말씀하시는걸까요?
M
macju123•15d ago
https://github.com/tosspayments/payment-widget-sample 여기에서 받았습니다
GitHub
GitHub - tosspayments/payment-widget-sample: 토스페이먼츠 결제위젯 샘플 프로젝트입니다...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
유부장•15d ago
음.. 여기에서 php 샘플 보신거죠?
M
macju123•15d ago
네 맞습니다
유부장•15d ago
checkout.html 에서 결제 위젯이 렌더링 되고, 그 상태에서 결제수단을 선택하고 결제하기를 하면 주변이 반투명해지고 해당 결제수단에 해당되는 창이 뜨지 않나요?
M
macju123•15d ago
제가 이해를 잘못했네요 checkout.html 자체가 토스 결제시스템의 일부인줄알았어요 이대로 사용하면 되겠네요 감사합니다. 해결됐어요
유부장•15d ago
아 그렇군요 확인 감사합니다
B
토스페이먼츠 BOT•15d ago
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
More Posts
구모듈 할부 결제 오류 문의고객으로부터 이미지와 같은 오류가 발생했다고 문의가 왔습니다. 카드사에서는 문제가 없다고 하는데 이런 경우에는 뭘 확인해야 될까요? 오류문구 : A3:할부개월오류카드 프로모션 관련안녕하세요. 현재 자사에서 카드 프로모션을 진행할 시 discountCode에 해당 프로모션 번호를 넣어 결제창을 띄워주고있습니다. 이번에 진행중인 국민카드 프로모션인 2900토스 셀러어드민 api 추가요청안녕하세요. 저희는 오픈마켓 관리솔루션 샵모아를 운영하고 있는 업체입니다. 다름이아니라 저희 고객중 토스 셀러어드민 연동을 원하는 고객분들이 계신데 저희가 확인했을때 토스 페이 가상 계좌 콜백시 secret가상 계좌 채번시 받았던 secret 가, 결제 입금후 콜백 데이터에는 null 값으로 오는데. 개발 가이드에는 비교 검증용으로 필요하다는데, 실제 콜백 데이터에는 오지 않고 있xPay 서비스 문제 문의드립니다.https://techchat.tosspayments.com/m/1199212028519264366 위 자료과 같은 현상으로 차단여부 확인 가능할까요? 상점아이디 : mhz114카드사 프로모션 및 무이자 혜택 관련 문의카드사 혜택 및 무이자 할부 혜택을 조회할 수 있는 페이지를 이전에 토스로부터 공유받았었습니다. 저희측에서 해당 데이터 기반으로 다음달 혜택 이미지를 미리 제작해두려고 하는데, 다테스트 환경 receipt 기능안녕하세요, 위젯을 이용해 환경구축중입니다. 테스트 환경에서의 receipt url이 정상작동하나요 ? 확인해본 결과론 작동하지 않는것 같습니다.빌링 결제 개발 질문먼저 질문을 읽고 답변에 응해주셔서 감사합니다. nodeJS 서버환경에서 개발하는 중입니다. 1. tossPayments.requestBillingAuth 함수를 호출하면 카드 정현금 영수증 발급 문의현금연수증 발급을 작업중입니다. 개발문서에는 customerIdentityNumber 필수 값이라고 되어있는데 가상계좌에 입력한 전화번호, 사업자번호등의 데이터는 넘겨주지 않는것 Allowing other languagesIs it possible to change language in the payment window to English?Testing Payment GatewayHow do I test the payment gateway using the test key? What payment method do I choose and what detai테스트 결제위젯/API 연동 키 오류안녕하세요, 토스페이먼츠 개발자센터에 있는 테스트용 API키에 오류가 있어 문의 남깁니다. 현재 테스트 키를 이용하면 [결제수단 확인중...] 이라는 문구만 뜨며 로딩되지 않습니다개발테스트중에 500 에러 질문드립니다.개발연동 테스트 상점의 API 키로 테스트할때는 응답코드 200을 잘 받았습니다. 하지만 상점의 API 키로 테스트를 하니 500 에러가 발생했습니다. 토스페이먼츠 모듈이 기동자동결제(빌링)자동결제는 추가 계약 후 테스트 및 라이브 환경에서 사용할 수 있습니다. 라고 문서에 적혀있어서 문의드립니다. 자동결제 API를 이용하려면 따로 계약이 필요한건가요 상세한 내용을테스트키 관련 질문드립니다.결제위젯 문제없이 테스트 진행중이다가 '인증되지 않은 시크릿 키 혹은 클라이언트 키 입니다.' 라고 에러메세지가 나옵니다.웹훅 질문드립니다.영카트를 사용중입니다. 가상계좌 발급후 고객이 입금하면 자동 입금확인이 되어야 하는데 알아보니 웹훅 기능을 사용하라고 하네요! 그래서 정상 등록 하고 가상계좌로 입금까지 했는데 첨초보 개발자 입니다. 테스트만 해보고 싶은데, 테스트 키를 발급받으려면 꼭 심사를 신청해야 하나요?제목이 곧 내용입니다.SDKBridgeError: Bridge 연결이 끊겼습니다.결제페이지에 접근하면 간헐적으로 이런 에러가 발생합니다. 정확한 원인은 모르겠는데, 에러로그가 많이 쌓이게됩니다. 해당 에러가 발생해도 결제는 제대로 진행되긴합니다. nextjs 결제 위젯 렌더링시에 나는 오류에 대해서 해결해주세요!!물어볼 질문은 2가지입니다!! 1. 모바일 환경에서 웹으로 만들고 있는 서비스가 있는데 해당 서비스에서 결제 위젯 sdk를 이용해서 카드사 결제창을 띄우고 있는데 결제수단을 결제 취소 문의안녕하세요. 결제취소 API연동규격서 관련하여 /v1/payments/{paymentKey}/cancel 연동 시, cancelAmount값이 없으면 전체취소 cancelAmou