결제창 커스텀 문의
토스페이먼츠 연동 과정 중 결제창 커스텀화 관련하여 문의드립니다.
현재 저희 서비스는 다음과 같이 동작하고 있습니다. (Next.js)
1. 메인 화면에서 결제하기 버튼을 DialogTrigger로 만들어놓고, 클릭하면 위젯창이 DialogContent로 뜸
2. 위젯창에서 결제하기를 누르면 requestPayment 동작
문제는 requestPayment를 눌렀을 때 나오는 결제창이 클릭되지 않고, 위젯창의 버튼만 활성화된다는 점입니다.
혹시 결제창의 css 속성 등을 바꿀 수 있는 방법이 있을까요?
감사합니다.
9 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
증상을 영상으로 보여주시겠어요
1) 토스 결제창이 뜨고 휴대폰 번호를 눌러도 안눌림
2) 뒤에 위젯창 버튼들은 눌림
3) 위젯창을 끈 다음에는 결제창 휴대폰 번호가 눌림
혹시 저희가 생성하는 iframe 에 속성을 변경하고 계신가요?
https://discord.com/channels/864296203746803753/1359430118086541434/1359457232483520562
비슷한 케이스 인것 같아서요.
아니요 속성 변경하는 것 전혀 없습니다 ㅜㅜ
혹시 속성을 추가해야 의도한대로 동작하려나 싶어서 여쭤본거라서요
그게 아니라면 팝업으로 띄우시는 창의 z-index 를 조정해 보시면 어떨까요?
인프런이 비슷하게 되어 있는데 인프런 사이트는 이슈 없는지 확인부탁드립니다.
팝업으로 띄우는 창이 위젯창을 말씀하시는걸까요 아니면 그 후의 결제창을 말씀하시는걸까요?
인프런에서는 해결을 하셨나보네요
개발자모드에서 저희꺼는 iframe id가 tosspayments_payment-gateway_iframe라고 뜨고, 인프런에서는 _tosspaymentsiframe이라고 뜨는데 혹시 중요한 차이가 있는걸까요?
버전 차이때문에 그런거 같은데 큰 차이는 아니에요
@yoi! 님 이거 저희가 재현해 볼수 있을까요?