E-ticaret sitenizde müşterilerinize daha iyi bir kullanıcı deneyimi sunmak için WooCommerce kullanıyorsanız, müşterilerinizin sepetlerini tamamen boşaltmalarına olanak sağlayacak bir buton eklemek isteyebilirsiniz. Bu sayede, müşterileriniz sepetlerindeki ürünleri tek tıklama ile boşaltabilir ve yeni bir alışveriş deneyimine başlayabilirler.
Bu işlevselliği, WooCommerce’un standart şablonlarını kullanan bir WordPress temasında kolayca ekleyebilirsiniz. Bunun için aşağıdaki kod parçasını “functions.php” dosyanıza eklemeniz yeterli olacaktır:
function subwoo_sepeti_bosalt_butonu_sepet_sayfasi() {
global $woocommerce;
if ( isset( $_GET['empty-cart'] ) ) {
$woocommerce->cart->empty_cart();
}
}
add_action( 'init', 'subwoo_sepeti_bosalt_butonu_sepet_sayfasi' );
function woocommerce_sepeti_bosalt_butonu_ekle() {
?>
<style>
.clear-cart-button {
margin-left: auto;
margin-right: auto;
}
.clear-cart-button:hover {
background-color: #b71c1c;
}
</style>
<a href="?empty-cart=true" class="button clear-cart-button"><?php _e( 'Sepeti Boşalt', 'woocommerce' ); ?></a>
<?php
}
add_action( 'woocommerce_cart_actions', 'woocommerce_sepeti_bosalt_butonu_ekle', 20 );
function subwoo_sepeti_bosalt_butonu_mini_cart() {
?>
<style>
.clear-mini-cart-button {
background-color: #f44336;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
text-decoration: none;
margin-top: 10px;
display: block;
text-align: center;
}
</style>
<a href="?empty-cart=true" class="button clear-mini-cart-button"><?php _e( 'Sepeti Boşalt', 'woocommerce' ); ?></a>
<?php
}
add_action( 'woocommerce_widget_shopping_cart_buttons', 'subwoo_sepeti_bosalt_butonu_mini_cart', 20 );
Bu kod parçası, sepet sayfasında ve mini sepet widget’ında “Sepeti Boşalt” butonu ekleyerek müşterilerinize sepetlerini boşaltma seçeneği sunar.
Bu örneği kullanarak WooCommerce’un sunduğu işlevselliği özelleştirmenin ne kadar kolay olduğunu görebilirsiniz. WooCommerce, e-ticaret sitenizi özelleştirmek için birçok araç sağlar ve özelleştirme işlemleri de oldukça esnektir. WooCommerce sepeti boşaltma butonunu eklemenin yanı sıra, WooCommerce ile yapabileceğiniz birçok özelleştirme işlemi bulunmaktadır.
