نمایش پیام در صفحه تکمیل خرید ووکامرس - اخبار بیلبورد چی
شما اینجا هستید
وردپرس » نمایش پیام در صفحه تکمیل خرید ووکامرس

ممکن است بخواهید در پایان فرآیند خرید و پس از پرداخت وجه توسط کاربر، پیامی را برای او به نمایش درآورید یا برای مثال لینک به شبکه‌های اجتماعی را در این صفحه بگنجانید یا هرگونه متن تبلیغاتی را در این صفحه قرار دهید.

برای انجام این کار قطعه کدهای زیر را در فایل functions.php قالب خود درج نمایید:

<?php
add_filter( 'woocommerce_thankyou', 'billboardchi_woocommerce_thankyou', 1, 10 );
 
function billboardchi_woocommerce_thankyou( $order_id ) { ?>
 <div id="billboardchi-thankyou">
 <div id="billboardchi-thankyou-message">
 از خرید شما سپاسگزاریم، برای مشاهده‌ی صفحات ما در شبکه‌های اجتماعی از لینک‌های زیر استفاده نمایید:<br>
 <strong>با تشکر، بیلبورد چی</strong>
 </div>
 
 <div id="thankyou-social">
 <?php $t_base = get_template_directory_uri(); ?>
 
 <a target="_BLANK" href="https://t.me/"><img src="<?php echo $t_base; ?>/img/telegram.png"></a>
 <a target="_BLANK" href="https://www.instagram.com/"><img src="<?php echo $t_base; ?>/img/instagram.png"></a>
 </div>
 </div>
<? }

با استفاده از شناسه‌های درج شده در کدهای html، می‌توانید قالب‌های مورد نظر را نیز به صورت دلخواه تغییر دهید. یک نمونه کد less برای موارد بالا به شکل زیر آماده شده است:

#billboardchi-thankyou {
 margin-top: 2em;
 padding: 1em;
 background-color: #f2f2f2;
 
 #billboardchi-thankyou-message {
 padding: 0.5em 1em;
 background-color: #efe;
 margin: 0;
 color: #040;
 border: 2px solid shade( #efe, 10% );
 }
 
 #thankyou-social {
 text-align: center;
 padding: 1em 0;
 background-color: #fff;
 border: 2px solid shade( #efe, 15% );
 border-top: 0;
 
 a {
 display: inline-block;
 margin: 0 .2em;
 vertical-align: middle;
 }
 
 img {
 display: block;
 border-width: 0;
 }
 }
}




اخبار بیلبورد چی | جدیدترین اخبار ایران و جهان