결제창 사이즈 문제
구 결제 시스템에서 카드결제를 하게 되면 iframe 으로 호출하는데
height 이 맞지 않아서 스크롤이 되지 않습니다.
iframe 의 height 자동으로 생성 되는거 같은데요. 이걸 어떻게 수정할수 있나요?
18 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
전달주신 화면은 모바일 결제창 인것 같은데요.
모바일 결제창을 어떻게 연동하여 호출 하고 있으실까요?
임의의 프레임 태그를 생성하여, 해당 태그 내에서 결제창을 호출하는 등의 구현 방식을 사용 하셨나요?
네. 테그를 사용해서 결제창을 호출하는데요.
https://xpayvvip.uplus.co.kr/xpay/js/xpay_crossplatform.js
여기 있는 소스를 호출하는거 같습니다.
모바일에서 iframe 같은 태그 내에서 결제창을 호출하면, 정상적으로 결제가 동작 하지 않습니다.
iframe 같은 태그내에서 결제창을 호출하는 일 없이 전체 윈도우에서 결제창이 이동하는 방식으로 구현해주시기 바랍니다.
이렇게 사용한지 10년이 넘었고요.
iframe은 toss에서 컨트롤 하는건데요
제가 드린 js 파일 보고 말씀 해주시겠어요?
lg 사용할때부터 사용한건뎅
그 js 파일에서 resize_iframe_height 함수를 보면
document.getElementById('LGD_PAYMENTWINDOW_IFRAME').height = '900px'; 으로 고정을 해서 생기는 문제인데요
보면 스크롤이 안되는것 같은데요.
어떤 환경에서 어떻게 구현해서 어떻게 사용하시는지는 정확하게 설명주시지 않으면 알수 없습니다.
스크롤이 되도록 구현은 되어 있으신가요?
스크롤이 안되서 문제 인건데요.
결제방식들이 iframe 안에 존재해서 결제방식 숫자 만큼 iframe 높이를 처리 해줬었는데. 결제방식들이 늘어나고 이미지들이 커진거 같습니다.
전에는 물론 iframe 높이가 문제 없었으니 스크롤이 됐었구요.
귀사의 js를 보면 resize_iframe_height 함수에 높이 문제로 보여집니다.
저희가 id를 줘서 높이를 지정해도.
귀사의 js 파일이 그 값을 고정시키고 있어서.
스크롤을 할수 없습니다.
무슨 환경에서 창을 호출 하고 계신가요.
모바일 앱내 웹뷰로 호출 이신가요
앱에서도 하고...웹에서도 하고 둘다 하고 있습니다.
지금 둘 모두 스크롤이 안됩니다.
앱에서는 웹뷰 호출을 하고 있고요
앱내 웹뷰에서도 웹에서도 스크롤이 안된다는 의미로 들리는데요.
해당 창을 어떻게 구현 하셨는지 HTML 등을 전달 주시기 바랍니다.
그 html 만 따로 때려면 시간이 좀 걸립니다.
네, 전달 주시는 내용 기반으로 현상 재현 해보고자 하니, 전달 부탁 드립니다.
해당 태그 ID 에 적용된 css 도 같이 전달 부탁 드립니다.
파일은 techsupport@tosspayments.com 으로 전달 해주시기 바랍니다.
1. XPAY 모바일 모듈로 연동하신게 맞으실까요?
전달 주신 현상 들을 보았을 때 PC 파라미터로 요청이 나간 경우일 것 같습니다.
@유부장 가능하시면 PC모듈로 모바일에서 연동된건 아닌지 확인해 주실 수 있으실까요? 제가 코드를 확인해 보면 PC쪽으로 분기가 나가는거 같아 보여서요.
네 의견 감사합니다
문의자 분께서 전달 주시면 확인 해볼게요
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요.
위 답변을 보면 PC 파라미터 요청으로 나간거 같다는 말씀을 하셨는데요.
pc 파라미터는 어떻게 구분을 할수 있나요?
xpay의 경우 PC/모바일 모듈이 구분되어있습니다. 각각의 모듈로 연동해주셔야합니다.
구 모듈 가이드 | 토스페이먼츠 개발자센터
기존 전자결제 서비스 연동과 운영에 필요한 모듈 가이드와 에러 코드, 데모 등을 확인해보세요.