قرار دادن دکمه قبل و بعد در صفحه محصول

قرار دادن دکمه قبل و بعد در صفحه محصول – یک مشتری خیلی خوب ? روز قبل چالش خوبی برای ما ایجاد کرد، بنابراین ما هم تصمیم گرفتیم این قطعه کد ارزشمند را برای شما قرار بدیم.

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

برای اینکار کافیست قطعه کد زیر را به فایل Functions.php قالب خود اضافه کنید :



add_action( 'woocommerce_before_single_product', 'mweb_prev_next_product' );
 
function mweb_prev_next_product(){
 
echo '



<div class="prev_next_buttons">';
 
   $previous = next_post_link('%link', '&larr; قبل', TRUE, ' ', 'product_cat');
   $next = previous_post_link('%link', 'بعد &rarr;', TRUE, ' ', 'product_cat');
 
   echo $previous;
   echo $next;
    
echo '</div>




';
         
}

کاربرانی که از پوسته دیجی لند استفاده می کنند،، باید این کد را به فایل myfunctions اضافه کنند.

کدهای css دکمه قبل و بعد صفحه محصول که باید به فایل style.css قالب خود اضافه کنید.(اگر دانش کدنویسی دارید میتوانید کد های زیر را وبرایش کنید و تغییرات استایلی خودتون رو اعمال کنید.)



/* CSS */
 
.prev_next_buttons {
line-height: 40px;
margin-bottom: 10px;
}
 
.prev_next_buttons a[rel="prev"], .prev_next_buttons a[rel="next"] {
display: block;
}
 
.prev_next_buttons a[rel="prev"] {
float: right;
}
 
.prev_next_buttons a[rel="next"] {
float: left;
}
 
.prev_next_buttons::after {
content: '';
display: block;
clear:both;
}

کاربرانی که از پوسته دیجی لند استفاده می کنند، میتوانند کدهای css را به مسیر : دیجی لند » پیشرفته » css سفارشی اضافه کنند.