09128364675

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

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

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

 

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

برای اینکار کافیست قطعه کد زیر را به فایل 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 سفارشی اضافه کنند.

 

 

 

 

امیدواریم از خواندن این مقاله لذت برده باشید.

 

 

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

دیدگاه کاربران
  • جواد مرادی 2 اکتبر 2019

    امتیاز بینندگان:۵ ستاره

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

کد امنیتی Time limit is exhausted. Please reload CAPTCHA.