برای تنظیم یکسانسازی اندازه تصاویر محصولات و کراپ شدن آنها در ووکامرس، میتوانید از تنظیمات ووکامرس و همچنین سفارشیسازی پوسته استفاده کنید. این مراحل به شما کمک میکند تا تصاویر محصولات هماندازه و برش داده شوند:
مراحل تنظیم کراپ تصاویر در ووکامرس:
- رفتن به تنظیمات تصاویر محصولات:
- در پیشخوان وردپرس، به بخش ووکامرس » پیکربندی بروید.
- به تب محصولات و سپس به زیر تب نمایش بروید.
- در اینجا بخشی به نام تصاویر محصولات وجود دارد که میتوانید تنظیمات ابعاد تصویر محصول را تغییر دهید.
- تنظیم ابعاد تصویر:
- در بخش اندازه تصاویر محصولات، میتوانید ابعاد تصاویر محصولات خود را تنظیم کنید.
- معمولاً سه گزینه موجود است:تصویر کاتالوگ: تصاویری که در لیست محصولات (مانند صفحه فروشگاه) نمایش داده میشوند.
- تصویر محصول منفرد: تصویری که در صفحه تکمحصول نمایش داده میشود.
- تصاویر بندانگشتی: تصاویر کوچک (مثل تصاویر گالری محصول).
- تنظیم نوع برش (کراپ):
- میتوانید نوع برش تصاویر را از بین سه گزینه انتخاب کنید:نسبت اصلی: تصویر به نسبت ابعاد اصلی خود نمایش داده میشود.
- کراپ عرضی: تصویر به گونهای بریده میشود که به عرض مشخصی برسد.
- کراپ دقیق: تصویر دقیقاً به اندازههای مشخص برش داده میشود.
- ذخیره تغییرات و بازسازی تصاویر:
- پس از تنظیم ابعاد و نوع کراپ، تغییرات را ذخیره کنید.
- برای اعمال این تغییرات روی تمامی تصاویر قدیمی، باید از افزونههایی مانند Regenerate Thumbnails استفاده کنید که تمام تصاویر را با تنظیمات جدید بازسازی میکند.
مثال تنظیم برای یکسانسازی سایز تصاویر:
- فرض کنید میخواهید همه تصاویر محصولات 300x300 پیکسل باشند و به طور دقیق بریده شوند. تنظیمات را به شکل زیر انجام دهید:ابعاد کاتالوگ: 300x300 پیکسل (کراپ فعال)
- ابعاد محصول منفرد: 300x300 پیکسل (کراپ فعال)
- ابعاد بندانگشتی: 100x100 پیکسل (کراپ فعال)
با این تنظیمات، تصاویر محصولات به اندازههای مشخص کراپ میشوند و از ظاهر یکسانی در فروشگاه برخوردار میشوند.
یا می تونی در فایل functions.php قالب این کد را اضافه و اندازه ها را مورد نظر خودت قرار دهی
add_action('after_setup_theme', 'custom_woocommerce_image_dimensions', 1);function custom_woocommerce_image_dimensions() { $catalog = array( 'width' => '300', 'height' => '300', 'crop' => 1 ); $single = array( 'width' => '600', 'height' => '600', 'crop' => 1 ); $thumbnail = array( 'width' => '100', 'height' => '100', 'crop' => 1 ); update_option('woocommerce_thumbnail_image_width', $catalog['width']); update_option('woocommerce_thumbnail_cropping', 'custom'); update_option('woocommerce_thumbnail_cropping_custom_width', $catalog['width']); update_option('woocommerce_thumbnail_cropping_custom_height', $catalog['height']); update_option('woocommerce_single_image_width', $single['width']); update_option('woocommerce_thumbnail_width', $thumbnail['width']); update_option('woocommerce_thumbnail_height', $thumbnail['height']);}نتیجه را اینجا اعلام کن
