10 replies

브랜드페이 및 UI

안녕하세요.
브랜드 페이와, 일반 결제 위젯을 잘 구현하여 진행하고 있습니다.
그런데 문의드리고 싶은건.
UI를 해당 id값에 넣고 렌더링이 되어 화면에 뜰 때인데요.

먼저.
1. id 값에 카드등록이나, 일반결제 관련 ui를 렌더링하는 시간을 어떻게 알 수 있을까 합니다.

결제위젯(일반결제) 사용시
const paymentMethods = paymentWidget.renderPaymentMethods('#payment-method', 15000);

브랜드페이 이용시
paymentMethodsWidget.render('#payment-methods-widget', {
    // UI 옵션
    ui: {
      promotionSection: {
        summary: {
          visible: true,
        },
        description: {
          visible: true,
          defaultOpen: true,
        },
      },
    },
  });

결제위젯(일반결제) 사용시
const paymentMethods = paymentWidget.renderPaymentMethods('#payment-method', 15000);

브랜드페이 이용시
paymentMethodsWidget.render('#payment-methods-widget', {
    // UI 옵션
    ui: {
      promotionSection: {
        summary: {
          visible: true,
        },
        description: {
          visible: true,
          defaultOpen: true,
        },
      },
    },
  });

이렇게 id값에 위젯들을 렌더링하는데요.
실제 서버에 페이지를 로딩할때 페이지 자체는 로딩이 끝나는데요. 이렇게 id값으로 렌더링 할. 때 로딩이 언제 끝나는지 알 수가 없습니다.
혹시 알 수 있는 방법이 있나요 ?

브랜드페이와 일반결제시 카드사가 UI에 렌더링되는 동안 화면을 로딩화면으로 전환하고 싶습니다...

2. 두 번째는
테스트로 브랜드 페이결제를 해 보았는데요.
UI 하단이 너무 아래쪽으로 치우치는데요. 마진이나 페딩을 줄 수 있는 방법이 있을까요 ???

첨부된 사진을 보시면, 아래 하단에 원터치 버튼이 넘어가서 보이지 않습니다... 결제 비밀번호 입력시에도 아래쪽이 많이 치우치는 느낌입니다...
어떻게 가능할까요 ???

브랜드페이 및 UI

결제위젯(일반결제) 사용시
const paymentMethods = paymentWidget.renderPaymentMethods('#payment-method', 15000);

브랜드페이 이용시
paymentMethodsWidget.render('#payment-methods-widget', {
    // UI 옵션
    ui: {
      promotionSection: {
        summary: {
          visible: true,
        },
        description: {
          visible: true,
          defaultOpen: true,
        },
      },
    },
  });

결제위젯(일반결제) 사용시
const paymentMethods = paymentWidget.renderPaymentMethods('#payment-method', 15000);

브랜드페이 이용시
paymentMethodsWidget.render('#payment-methods-widget', {
    // UI 옵션
    ui: {
      promotionSection: {
        summary: {
          visible: true,
        },
        description: {
          visible: true,
          defaultOpen: true,
        },
      },
    },
  });

브랜드페이 및 UI

브랜드페이 및 UI

Continue the conversation

Toss payments 개발자 커뮤니티

Continue the conversation

Toss payments 개발자 커뮤니티

Similar Threads