ساخت سبد خرید ووکامرس بدون افزونه

در این مقاله میخواهیم به شما نحوه ساخت سبد خرید ووکامرس بدون افزونه بصورت حرفه ای آموزش دهیم . تابعی که در آن با خالی بودن سبد خرید نمایش داده نمیشود و تنها در صورتی که سبد خرید دارای یک محصول و بیشتر بود نمایش داده شود .

کد ساخت سبد خرید ووکامرس بدون افزونه بصورت اختصاصی و فارسی توسط سیترال وب و با استفاده از توابع شرطی و PHP و دستور IF ساخته شده است و میتوانید آن را در هر بخش از سایت خود قرار دهید .

یک کد بسیار ساده که میتوانید آن را در هر کجا از قالب سایتتان که تمایل دارید ائم از حلقه ها یا فایلهای ووکامرس از جمله در فایل single.php ، page.php ، index.php ازش استفاده کنید.

<?php
if (WC()->cart->cart_contents_count=='0')
:
?>  
<?php else
:
?>
	<div class="sabadkharid">
	<h1>سبد خرید شما</h1>
	<a href="<?php echo WC()->cart->get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d محصول', '%d محصول', WC()->cart->cart_contents_count ), WC()->cart->cart_contents_count ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>
	</div>
<?php
endif
;
?>

به علاوه اگر میخواهید در صورت خالی بودن سبد خرید متن خاصی نمایش داده شود میتوانید از کد زیر استفاده کنید و متن آن را بصورت دلخواه عوض نمایید .

<?php
if (WC()->cart->cart_contents_count=='0')
:
?>
	<div class="sabadkharid">
	<h1>سبد خرید شما خالیست</h1>
	</div>
<?php else
:
?>
	<div class="sabadkharid">
	<h1>سبد خرید شما</h1>
	<a href="<?php echo WC()->cart->get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d محصول', '%d محصول', WC()->cart->cart_contents_count ), WC()->cart->cart_contents_count ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>
	</div>
<?php
endif
;
?>

همچنین یک فایل CSS هم مطابق کد بالا برای شما طراحی کردیم که با استفاده از آن سبد خرید در پایین سمت چپ سایت شما قرار میگیرد و مبایست کد بالا را درون Header سایت خود قرار دهید .

.sabadkharid {
    position:fixed;
    left:0%;
    bottom:0%;
    margin-left:20px;
    padding:10px;
    z-index: 2;
	width: 200px;
	background: #ffffff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
}
.sabadkharid h1 {
    color:#000000;
	font:14px/28px 'iransans';
	font-weight: 600;
	text-align:center;

}
.sabadkharid a {
    color:#000000;
}
.sabadkharid a:hover {
    color:#575757;
}

به علاوه با کمی تغییر در Css بالا میتوانید آن را بصورت صد در صد سفارشی در آورید .

امیدواریم مطلب مورد رضایت شما قرار گرفته باشد .