김위젯 사용중인데 특정 결제수단 보이게 또는 선택되게 하려면 어떻게 해야 하나요??
질문이요
위젯 사용중인데 특정 결제수단 보이게 또는 선택되게 하려면 어떻게 해야 하나요??
<script src="https://js.tosspayments.com/v2/standard"></script>
async function initTossPayments() {
const allowedPaymentMethods = <?=$toss_payment_methods?>; // 서버에서 허용된 결제수단 코드 배열
try {
const initialAmount = parseInt('<?=$order_info->order_price?>' || 0);
// vanilla JS로 요소 확인
const paymentMethodEl = document.getElementById('payment-method');
if (!paymentMethodEl) {
console.error(" #payment-method 요소가 없습니다.");
return;
}
await window.widgets.setAmount({
currency: "KRW",
value: initialAmount,
});
// 허용된 결제수단만 표시
const tossPaymentMethods = getTossPaymentMethods(allowedPaymentMethods);
console.log('Toss 결제수단:', tossPaymentMethods);
if (tossPaymentMethods.length === 0) {
console.error('사용 가능한 결제수단이 없습니다.');
return;
}
// 결제 수단 UI 렌더링 (특정 결제수단만)
await window.widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
});
// 약관 동의 UI 렌더링
const agreementEl = document.getElementById('agreement');
if (agreementEl) {
await window.widgets.renderAgreement({
selector: "#agreement",
variantKey: "AGREEMENT"
});
}
} catch (error) {
console.error(" Toss Payments 위젯 초기화 실패:", error);
}
}
위젯 사용중인데 특정 결제수단 보이게 또는 선택되게 하려면 어떻게 해야 하나요??
<script src="https://js.tosspayments.com/v2/standard"></script>
async function initTossPayments() {
const allowedPaymentMethods = <?=$toss_payment_methods?>; // 서버에서 허용된 결제수단 코드 배열
try {
const initialAmount = parseInt('<?=$order_info->order_price?>' || 0);
// vanilla JS로 요소 확인
const paymentMethodEl = document.getElementById('payment-method');
if (!paymentMethodEl) {
console.error(" #payment-method 요소가 없습니다.");
return;
}
await window.widgets.setAmount({
currency: "KRW",
value: initialAmount,
});
// 허용된 결제수단만 표시
const tossPaymentMethods = getTossPaymentMethods(allowedPaymentMethods);
console.log('Toss 결제수단:', tossPaymentMethods);
if (tossPaymentMethods.length === 0) {
console.error('사용 가능한 결제수단이 없습니다.');
return;
}
// 결제 수단 UI 렌더링 (특정 결제수단만)
await window.widgets.renderPaymentMethods({
selector: "#payment-method",
variantKey: "DEFAULT",
});
// 약관 동의 UI 렌더링
const agreementEl = document.getElementById('agreement');
if (agreementEl) {
await window.widgets.renderAgreement({
selector: "#agreement",
variantKey: "AGREEMENT"
});
}
} catch (error) {
console.error(" Toss Payments 위젯 초기화 실패:", error);
}
}
Toss payments 개발자 커뮤니티입니다. 결제 연동하며 겪는 기술 문의부터, 결제 시장에 대한 다양한 정보까지 얻어가세요~
15,588Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
