سازگار کردن قالب وردپرس با ووکامرس

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

هماهنگ کردن قالب وردپرس با ووکامرس

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

در ابتدا باید از فایل page.php قالب کنونی خود یک کپی تهیه کنید و نام آن را woocommerce.php قرار دهید. سپس آن را با یک نرم افزار ویرایشگر متن باز کنید، سپس محل شروع و پایان حلقه مطلب وردپرس را بیابید؛ کد زیر را مشاهده کنید:

get_header(); ?>
<div id="primary" class="content-area col-md-8">
<main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?> //شروع حلقه مطالب وردپرس
<?php get_template_part( 'template-parts/content', 'page' ); ?>
<?php
if ( comments_open() || get_comments_number() ) :
comments_template();
endif; ?>
<?php endwhile; ?> // پایان حلقه مطالب وردپرس
</main>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

همانطوری که مشاهده میکنید آغاز و پایان حلقه در کد بالا مشخص است، تنها کاری که باید انجام دهید آن است که این بخش از کد را کاملا حذف کنید و کد زیر را بجای آن اضافه کنید.

<?php woocommerce_content(); ?>

نتیجه به این صورت خواهد بود:

get_header(); ?>
<div id="primary" class="content-area col-md-8">
<main id="main" class="site-main" role="main">
<?php woocommerce_content(); ?> //این قطعه کد ووکامرس را اضافه کنید
</main>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

اکنون کار شما با این فایل به اتمام رسیده است. تنها باید این فایل را به پوشه قالب کنونی خود انتقال دهید و آن را در کنار فایل page.php قرار دهید، اکنون وارد سایت شوید، مشاهده خواهید کرد که مشکل برطرف شده است. در برخی موارد ممکن است که خطایی با عنوان “پوسته شما از ووکامرس پشتیبانی نمی کند” را مشاهده نمایید، برای از بین بردن این پیام کافیست کد زیر را در فایل توابع وردپرس قرار دهید:

add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
add_theme_support( 'woocommerce' );
}

اکنون دیگر آن پیغام را نیز مشاهده نخواهید کرد، به همین سادگی شما توانستید قالب وردپرس خود را با ووکامرس هماهنگ کنید.

دقت داشته باشید که از فایل هایی که ایجاد کرده اید و آنها را ویرایش کرده اید باید یک کپی نگهداری کنید زیرا پس از بروز رسانی قالب این فایل ها از نو جایگزین خواهند شد.

اگر روش بهتری برای انجام این کار میدانید میتوانید آن را در دیدگاه ها به ما اطلاع دهید.