آخرین بازبینی: ۱۳۹۸/۰۲/۲۸

نمایش پیام در صفحه تکمیل خرید ووکامرس

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

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

<?php
add_filter( 'woocommerce_thankyou', 'roka_woocommerce_thankyou', 1, 10 );

function roka_woocommerce_thankyou( $order_id ) { ?>
	<div id="roka-thankyou">
		<div id="roka-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>
<? }

<?php

add_filter( 'woocommerce_thankyou', 'roka_woocommerce_thankyou', 1, 10 );

function roka_woocommerce_thankyou( $order_id ) { ?>

از خرید شما سپاسگزاریم، برای مشاهده‌ی صفحات ما در شبکه‌های اجتماعی از لینک‌های زیر استفاده نمایید:<br>

</div>

<?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>

<? }

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

#roka-thankyou {
	margin-top: 2em;
	padding: 1em;
	background-color: #f2f2f2;

	#roka-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;
		}
	}
}

#roka-thankyou {

margin-top: 2em;

padding: 1em;

background-color: #f2f2f2;

#roka-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;

}

نمایش پیام در صفحه تکمیل خرید ووکامرس

بیشتر بخوانید:

دیدگاهتان را بنویسید لغو پاسخ