دکمه مشاهده محصول و لینک شدن به صفحه محصول

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

این کد امکان اضافه کردن دکمه «مشاهده محصول» را به صورت برنامه‌نویسی شده فراهم می‌کند. با استفاده از این روش می‌توانید دکمه‌ای سفارشی بسازید که به صفحات محصولات لینک دهد و سپس با کمک شورت‌کد، این دکمه را در هر نقطه‌ای از سایت که مایل باشید نمایش دهید.

برای این کار، کد مربوطه را در فایل functions.php قالب یا قالب فرزند خود وارد می‌کنید.

سپس با استفاده از شورت‌کد تعریف‌شده، می‌توانید دکمه را در نوشته‌ها، برگه‌ها یا ابزارک‌ها به راحتی قرار دهید و ظاهر و عملکرد آن را کنترل کنید.

این روش به شما امکان می‌دهد بدون نیاز به ویرایش مستقیم قالب، دکمه «مشاهده محصول» را به صورت منعطف و قابل استفاده مجدد در سایت‌تان داشته باشید.

دقت داشته باشید در هنگام استفاده برای وبسایت خودتون محتوای کد رو ویرایش کنید.

function siniparseh_product_button_shortcode() {
ob_start();
?>
<a href="<?php echo get_permalink(); ?>" class="contactButton">
مشاهده محصول
<div class="iconButton">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path>
</svg>
</div>
</a>
<?php
return ob_get_clean();
}
add_shortcode('siniparseh_button', 'siniparseh_product_button_shortcode');

شورت کد :
[siniparseh_button]
  • Email, SSL
  • 0 کاربر این را مفید یافتند
آیا این پاسخ به شما کمک کرد؟

Related Articles

استایل دادن به نمایش نقطه های اسلایدر ( ناوبری )

برای اینکه نقطه‌های ناوبری (Navigation Dots) اسلایدر المنتور رو از شکل سنتی (دایره‌ای) به شکلی...

حذف محصولات ناموجود صفحه اصلی

حذف محصولات ناموجود از صفحه اصلی این کد تمامی محصولات ناموجود را از صفحه اصلی سایت شما حذف...

افزودن فیلد جستجو به دسته‌بندی‌های محصول

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

حذف نشان و لوگو وردپرس در پیشخوان کاربری

حذف نشان و لوگو وردپرس در پیشخوان کاربری؛ بسیاری از وب‌سایت‌ها با وردپرس طراحی شده‌اند. حذف...

کد اسکرول برای ناوبری منوها ( برای منو ها در هدر یا مگا منوها )

این کد CSS برای ایجاد یک منوی ناوبری با قابلیت اسکرول عمودی استفاده می‌شود. با اعمال این استایل...