WooCommerce 결제시 "주문하기"버튼 아래에 텍스트를 추가하고 싶습니다.
woocommerce_review_order_after_submit
후크를 사용하고 있습니다 .
add_action( 'woocommerce_review_order_after_submit', 'add_after_checkout_button' );
function add_after_checkout_button() {
echo '<p>By clicking on the purchase button, you agree to our Terms of Service and Privacy Policy</p>';
}
결과 (스크린 샷) : https://ibb.co/F38bxDf
누군가이 코드를 다음과 같이 편집하도록 도와주세요.
이 텍스트에 CSS 클래스를 제공하여 사용자 정의 CSS로 스타일을 제어 할 수있는 방법이 있습니까? 아니면 코드 조각 자체에 사용자 지정 CSS를 입력 할 수 있습니까?
다음과 같은 클래스를 추가 할 수 있습니다.
function add_after_checkout_button() {
echo '<p class="yourClassName">By clicking on the purchase button, you agree to our Terms of Service and Privacy Policy</p>';
}
또는 다음과 같이 CSS를 인라인으로 사용하십시오.
function add_after_checkout_button() {
echo '<p style="padding-top: 10px;">By clicking on the purchase button, you agree to our Terms of Service and Privacy Policy</p>';
}
텍스트를 링크로 바꾸려면 <a href="link">Terms and Service</a>
이미 <p>
.
편집 : 주석에서 요청한대로 "암호화 된 지불"및 "환불 보장"을 추가하는 HTML 및 CSS 코드 :
<script src="https://kit.fontawesome.com/5e15d2f246.js" crossorigin="anonymous"></script>
<div class="row">
<div class="column">
<i class="fas fa-lock"></i>
SSL encrypted payment
</div>
<div class="column">
<i class="fas fa-undo"></i>
100% money-back guarantee
</div>
</div>
.row {
display: flex;
text-align: center;
}
.column {
flex: 50%;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다