WooCommerce Məhsul Şəkil Ölçüləri: Üç Ölçü və Onları Necə Dəyişmək Olar

WooCommerce yüklədiyiniz hər məhsul fotosu üçün üç şəkil ölçüsü yaradır və bunlardan yalnız ikisi WordPress idarə panelindən dəyişdirilə bilir. woocommerce_thumbnail kataloq şəbəkəsindəki şəkildir, woocommerce_single məhsul səhifəsindəki böyük şəkildir, woocommerce_gallery_thumbnail isə onun altındakı kiçik miniatür zolağıdır. Onları Görünüş > Fərdiləşdir > WooCommerce > Məhsul Şəkilləri bölməsindən dəyişirsiniz — və həmin panel sizə kəsim siyahısını göstərib en sahələrini göstərmirsə, mövzunuz enləri kodda qəsdən sabitləyib.

Üç ölçü

Ölçü adı	Harada görünür	Kəsim	Fərdiləşdirmədə dəyişdirilir
woocommerce_thumbnail	Mağaza səhifəsi, kateqoriya şəbəkələri, oxşar məhsullar, çarpaz satışlar	Standart olaraq kvadrat şəklində sərt kəsilir	En və nisbət
woocommerce_single	Tək məhsul səhifəsindəki əsas şəkil	Kəsilmir — orijinal nisbət saxlanılır	Yalnız en
woocommerce_gallery_thumbnail	Əsas məhsul şəklinin altındakı kiçik zolaq	Sərt kəsilmiş kvadrat	Xeyr

Bunlar standart WordPress ölçülərinin üstünə gəlir. Bir məhsul fotosu adətən thumbnail, medium, medium_large, large, üç WooCommerce ölçüsü və ehtimal ki, mövzunuzun add_image_size ilə qeydiyyatdan keçirdiyi əlavə ölçüləri yaradır. Bu, hər yükləmə üçün xeyli fayl deməkdir və 300 məhsulluq idxalın niyə bu qədər uzun çəkdiyini izah edir.

Qalereya miniatürü insanları ən çox təəccübləndirənidir: onun heç bir idarə paneli parametri yoxdur. Standart quraşdırmada o, tarixən 100px olan kiçik kvadratdır və fiziki fayl həqiqətən çox balaca olduğu üçün retina ekranda ən çox yumşaq görünən ölçü də elə odur.

Parametrlər əslində harada yerləşir

Görünüş > Fərdiləşdir > WooCommerce > Məhsul Şəkilləri sizə üç idarəetmə verir:

• Əsas şəklin eni — woocommerce_single ölçüsünün eni. Hündürlük avtomatikdir, ona görə orijinal nisbət qorunur.
• Miniatür eni — woocommerce_thumbnail ölçüsünün eni.
• Miniatür kəsimi — 1:1 (kvadrat, standart variant), Xüsusi (4:3 kimi nisbət yazırsınız) və ya Kəsilməmiş.

Nəyin olmadığına diqqət yetirin: kataloq miniatürü üçün hündürlük sahəsi yoxdur, çünki hündürlük kəsim nisbətindən çıxarılır. Qalereya miniatürü üçün isə ümumiyyətlə heç nə yoxdur.

Heç nəyi dəyişməzdən əvvəl konkret faylın hansı törəmələri yaradacağını görmək faydalıdır — real məhsul fotosunu WordPress şəkil ölçüləri alətinə atın və tam siyahını, o cümlədən mənbənizin hər ölçünü süni böyütmə olmadan doldurmağa yetib-yetmədiyini görün.

Kataloq şəkilləriniz nə üçün səhv görünür

Kataloq miniatürü kvadrat şəklində sərt kəsilir. Sərt kəsim o deməkdir ki, WooCommerce fotonuzdan mərkəzi kvadratı götürür və qalanını atır — nə ətrafına zolaq əlavə edir, nə də sıxışdırır. 2000x1200 ölçülü məhsul çəkilişi ortadan götürülmüş 1200x1200 paya çevrilir, sonra kiçildilir.

Ətrafında boşluqla tam mərkəzdə çəkilmiş butulka üçün bu, problemsizdir. Bunlar üçün isə fəlakətdir:

• Uzun məhsullar (xizəklər, kabellər, pərdə çubuqları) — ortadakı üçdə bir hissəni görürsünüz, başqa heç nəyi
• Mərkəzdən kənar kompozisiyalar — məhsul kadrın kənarına sürüşür və kəsilir
• Obyektin kadrı kənardan-kənara doldurduğu fotolar — yuxarı və aşağı hissə kəsilir
• Məhsulun küncdə olduğu həyat tərzi çəkilişləri

Adi məsləhət “kəsimi Kəsilməmiş variantına keçirin” olur. Bu, işə yarayır, amma xərcini də dürüst deyək: kəsilməmiş variant hər miniatürün öz nisbətini saxlaması deməkdir, yəni müxtəlif istiqamətli fotolardan ibarət şəbəkə vizual olaraq nizamsızlaşır və mövzunuzun CSS kodu dəyişkən hündürlükləri idarə etmirsə, sətirlər artıq düz sıralanmır. Mövzuların çoxu kvadrat gözləyir.

İmkanınız varsa, daha yaxşı həll mənbədədir: obyektin mərkəzdə olduğu və ətrafında bərabər boşluq qalan kvadrat məhsul fotolarını standart edin. Onda kvadrat sərt kəsim heç nəyi dəyişmir və bundan sonrakı hər şey proqnozlaşdırıla bilən olur. Kəsim parametrini dəyişmək müvəqqəti çarədir; ardıcıl mənbə şəkilləri isə əsl həlldir.

Mövzu enləri sabitləyəndə

Məhsul Şəkilləri paneliniz yalnız kəsim variantı təklif edirsə, mövzunuz WooCommerce dəstəyini qeydiyyatdan keçirərkən sabit enlər elan edib:

add_theme_support( 'woocommerce', array(
    'single_image_width'    => 800,
    'thumbnail_image_width' => 400,
) );

Mövzu bu dəyərləri ötürəndə WooCommerce en idarəetmələrini fərdiləşdirmə panelindən silir və yalnız nisbəti saxlayır. Bu, nə səhvdir, nə də mövzunun düşmənçiliyi — mövzunun məhsul maketi üçün CSS kodu məhz həmin piksel enləri üzərində qurulub və onları dəyişməyə icazə vermək şəbəkəni sındırardı.

Onları uşaq mövzunun functions.php faylından, hər ölçü üçün ayrıca filtrlə əvəz edə bilərsiniz:

add_filter( 'woocommerce_get_image_size_single', function ( $size ) {
    $size['width']  = 1000;
    $size['height'] = '';
    $size['crop']   = 0;
    return $size;
} );

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function ( $size ) {
    $size['width']  = 150;
    $size['height'] = 150;
    $size['crop']   = 1;
    return $size;
} );

Eyni model woocommerce_get_image_size_thumbnail üçün də işləyir. Qalereya miniatürünü dəyişməyin yeganə yolu da budur, çünki onun interfeysi yoxdur.

Xərcini açıq deyək: sabitlənmiş eni əvəz etmək o deməkdir ki, WooCommerce-in yaratdığı fayl artıq mövzunun CSS kodunun gözlədiyi ölçüdə deyil. Adətən şəkil brauzerdə sadəcə miqyaslanır və sahədən böyük olduğu üçün yaxşı görünür. Bəzən isə mövzunun sabit hündürlüklü konteyneri olur və zolaqlar və ya daşma alırsınız. 2000 məhsulu yenidən yaratmazdan əvvəl bir məhsul üzərində sınayın.

Ölçüləri dəyişmək yenidən yaratmaq deməkdir

Hər ölçü parametri yalnız yeni yükləmələrə təsir edir. Mövcud məhsullar yükləndikləri vaxt yaradılmış faylları təqdim etməyə davam edir, ona görə də siz onları yenidən qurana qədər gözlə görünən heç nə dəyişmir.

Fərdiləşdirməni yadda saxladıqda WooCommerce fon rejimində yenidən yaratmağa başlayır. Kiçik kataloqda bu, kifayətdir. Böyük kataloqda isə bu, WP-Cron-un etibarlı işləməsindən asılıdır və az trafikli mağazada o, çox vaxt işləmir, nəticədə yarımçıq yenidən yaradılmış kitabxana alırsınız. Bunun əvəzinə özünüz işlədin:

wp media regenerate --yes

Yalnız məhsul şəkillərini yenidən qurmaq üçün:

wp media regenerate --yes --post_type=product

Əl ilə işləyərkən fon prosesinin ayaq altından çıxmasını istəyirsinizsə:

add_filter( 'woocommerce_background_image_regeneration', '__return_false' );

Yenidən yaratmanın etmədiyi iki şey. O, köhnə faylları silmir — yükləmələr qovluğunuz əvvəlki parametrlərdən qalmış hər sahibsiz törəməni saxlayır və həcmi böyüyəcək. Bir də mənbənizdən böyük ölçü yarada bilmir, çünki WordPress süni böyütmə etmir. Əsas şəklin enini 1200 təyin etsəniz, amma məhsul fotolarınız 800px olsa, 1200px-lik fayl yaradılmır; brauzer 800px-lik faylı alıb dartır və srcset təklif edəcək daha yaxşı bir şey tapmır.

Əslində hansı ölçüdə yükləmək lazımdır

Təyin etdiyiniz ən böyük enin təxminən iki misli olan kvadrat mənbə şəkillərini hədəfləyin — 600px-lik əsas şəkil üçün 1200x1200, mövzunuz 800px istifadə edirsə 1600x1600. Bu, 2x retina ekranları örtür və WordPress-ə hər törəməni süni böyütmədən qurmaq üçün kifayət qədər piksel verir. Şəbəkənin nizamlı qalması üçün hər məhsulu eyni ölçüdə saxlayın.

Hələ də həll olunmayıb?

Ölçülər düzgün qurulubsa, yenidən yaratmısınızsa və məhsul yenə də səhv görünürsə, şəkli yeni tabda açıb fayl adını oxuyun. Təyin etdiyiniz heç bir ölçüyə uyğun gəlməyən ölçü sonluğu o deməkdir ki, onu başqa bir şey qeydiyyatdan keçirib. Heç bir sonluq yoxdursa, WooCommerce tam ölçülü fayla qayıdıb və bu, demək olar ki, həmişə mənbənin istədiyiniz ölçü üçün çox kiçik olması deməkdir. Həmin mənbə faylını şəkil ölçüləri alətindən keçirin və WordPress-in nə yaratmalı olduğunu brauzerin əslində nə yüklədiyi ilə müqayisə edin — uyğunsuzluq varsa, arada adətən optimallaşdırıcı plagin və ya CDN şəkil ölçüləndiricisi durur.