영카트5.3 KG이니시스 결제팝업이 안보입니다. 작동은 되구요..
본문
영카트 5.3을 커스터마이징해서 개발중입니다.
결제모듈로 KG 이니시스를 사용하려고 하는데요
pg사의 결제레이어가 뜨긴 뜨는것 같은데 아무것도 안보이게 뜹니다.
이게 css문제라서 z-index나 display:none, 또는 결제레이어를 덮는 또다른레이어가 혹시 있나 해서
한참을 뒤져봤는데 그런건 전혀 없어요..
심지어 빈 화면에 마우스를 이리저리 옮기면 손가락모양으로 바뀌면서 실제로 클릭해서 작동도 하구요
투명한상태이므로 일단 x버튼으로 추정되는 위치와 [확인] 버튼의 위치만 잘 찾아서 누르면 안보이는 레이어창이 닫히기까지 합니다..
구조상 orderform.3.php 에서 forderform_check를 호출하게 되면 js에 의해서
추가적인 div 와 iframe이 생기고 해당 팝업창 내의 모든 스타일시트는
https://stdpay.inicis.com/css 에서 호스팅되는 css를 받아서 쓰게끔 되어있더군요.
즉, 레이어가 뜨고난 이후의 상황에 대해서는 사이트 커스터마이징이 영향을 끼치지 않는다고 생각됩니다.
KCP나 LG유플러스는 정상적으로 레이어가 잘 뜨고 이니시스만 이렇습니다.
이부분 혹시 해결책 아시는분 계실까요?
답변 4
기존 영카트 css와 해당 css가 충돌되는 경우로 문제가 되는 해당 코드를 삭제 또는 수정해주셔야 합니다.
천사별님 답변이 많은 도움이 되었습니다.
좀더 정확하게는 bootstrap v4.0 사용에서 충돌이 있었습니다.
bootstrap 3.3.7 을 사용하니 문제가 해결되었습니다.
bootstrap에 있는 아래 css 때문입니다.
.fade:not(.show) {
opacity: 0;
}
=> https://github.com/shlomiassaf/ngx-modialog/issues/280
저도 이것 때문에.. 어쩔까 하고 있네요
이미 bootstrap v4.0 에 디자인 다 맞춰 놔서....
아래 솔루션으로 해 볼까 합니다...
#inicisModalDiv {
opacity : 1 !important;
}
감사합니다~
