2016-10-12 5 views
2

내 leadpages에서 Stripe 지불 방법을 사용하고 있습니다. 잘 작동합니다. 첨부 된 이미지와 같이 유료 버튼의 색상을 변경하고 싶습니다. 여기 스트 라이프 팝업에서 유료 버튼의 색상을 변경하는 방법은 무엇입니까?

enter image description here

당신이 할 수없는,

<script> 
    var handler = StripeCheckout.configure({ 
     key: '[KEY]', 
     image: 'https://www.emotionacademy.com.au/images/emotion-academy-logo.png', 
     locale: 'auto', 
     token: function(token) { 
      $("#stripeToken").val(token.id); 
      $("#stripeEmail").val(token.email); 
      $("#paymentForm").submit(); 
     } 
    }); 

     $(".btn-price-table").click(function(event) { 
      var price = $(this).closest('.pricing-table').find('.price span').text()*100; 
      var title = $(this).closest('.pricing-table').find('.pricing-title').text().toUpperCase(); 

      handler.open({ 
       name: title, 
       description: '', 
       zipCode: true, 
       currency: 'aud', 
       amount: price 
      }); 
      event.preventDefault(); 
     }); 
</script> 

답변

5

불행하게도 팝업을 표시하는 데 사용되는 코드입니다. Checkout은 자체 iframe에 안전하게 실행되며 이때 버튼의 색상을 사용자 정의하는 데는 configuration option이 없습니다.

+0

흥미로운 점은 카드 번호 필드의 작은 카드와 같이 작은 아이콘에 사용되는 색상을 생성하는 데 '이미지'를 사용하는 것처럼 보입니다. 버튼 색상에도 사용할 수 있습니다 ... – Brachamul

관련 문제