چطور بخش محصولات مرتبط به سایت فروشگاهیم اضافه کنم؟

[pooria.jafari 1]

سلام.

چطور می تونم بخش محصولات مرتبط رو تو ووکامرس بسازم؟ و این کدها رو کجا قرار بدم؟ همچنین چطور می تونم برای این قسمت استایل اختصاصی بدم؟

[zarinhost 35]

در 1 دقیقه قبل، pooria.jafari گفته است :

چطور می تونم بخش محصولات مرتبط رو تو ووکامرس بسازم؟ و این کدها رو کجا قرار بدم؟ همچنین چطور می تونم برای این قسمت استایل اختصاصی بدم؟

سلام @pooria.jafari عزیز

برای ساختن بخش محصولات مرتبط در ووکامرس می‌تونی از هوک‌ها و کدهای PHP استفاده کنی. به صورت پیش‌فرض، ووکامرس خودش این بخش رو در صفحه محصول نشون می‌ده، اما اگه بخوای به صورت اختصاصی کنترل کنی که چطور نمایش داده بشه، می‌تونی از این روش استفاده کنی:

مرحله ۱: اضافه کردن کد محصولات مرتبط

ابتدا باید این کد رو به فایل functions.php قالبت اضافه کنی:

add_action( 'woocommerce_after_single_product_summary', 'custom_related_products', 20 ); function custom_related_products() { woocommerce_related_products( array( 'posts_per_page' => 4, // تعداد محصولات مرتبط 'columns' => 4, // تعداد ستون‌ها )); }

 

این کد، بخش محصولات مرتبط رو با ۴ محصول در ۴ ستون اضافه می‌کنه. می‌تونی تعداد محصولات و ستون‌ها رو بر اساس نیازت تغییر بدی.

مرحله ۲: استایل‌دهی به محصولات مرتبط

برای استایل‌دهی، باید کدهای CSS رو در فایل استایل قالب (معمولاً style.css) قرار بدی. مثلاً، این کد رو می‌تونی اضافه کنی تا ظاهر محصولات مرتبط رو تغییر بدی:

.related.products { margin-top: 30px; } .related.products h2 { font-size: 24px; color: #333; } .related.products ul.products li.product { background-color: #f9f9f9; padding: 15px; margin-bottom: 20px; border: 1px solid #eee; } .related.products ul.products li.product h2 { font-size: 18px; color: #555; } .related.products ul.products li.product .price { font-size: 16px; color: #b12704; }

 

با این کار، ظاهر محصولات مرتبط اختصاصی می‌شه. یادت باشه که می‌تونی این استایل‌ها رو بر اساس سلیقه و نیازت تغییر بدی.

مرحله ۳: استفاده از صفحه‌ساز

اگر از صفحه‌سازهایی مثل Elementor استفاده می‌کنی، می‌تونی به راحتی با استفاده از ویجت محصولات مرتبط، این بخش رو بدون نیاز به کدنویسی ایجاد و شخصی‌سازی کنی.

اگه باز هم سوالی بود یا خواستی بخش خاصی رو بیشتر توضیح بدم، بگو!

 

موفق باشی!