WooCommerce: كيفية تغيير حجم صورة المنتج

قدم WooCommerce 3.3 طريقة جديدة وأسهل لتغيير حجم صور المنتج. يمكنك الآن تغيير حجم صورة منتج WooCommerce من المظهر> التخصيص> WooCommerce> صور المنتج .

والشيء الرائع هو أنك لست مضطرًا إلى إعادة إنشاء الصور بعد تغيير حجمها. من WooCommerce 3.3 ، يمكنك الآن اقتصاص الصور وتغيير حجمها وإعادة إنشائها تلقائيًا.

تغيير حجم صورة مميزة لصفحة منتج واحد

اتبع هذه الخطوات لتغيير حجم صورة منتج واحد:

انتقل إلى المظهر> تخصيص

ثم انتقل إلى WooCommerce> صور المنتج

اكتب العرض الذي تريده في حقل ” عرض الصورة الرئيسي “.

انقر فوق ” نشر “

ملاحظة : سيظل ارتفاع صور المنتج الفردي أو الرئيسي غير مقصوص ولن يتأثر بإعدادات الاقتصاص.

إحدى الميزات الرائعة التي تم تقديمها في WooCommerce 3.3 هي تغيير حجم الصورة المصغرة تلقائيًا. بمعنى بعد ضبط العرض ، سيتم تغيير حجم جميع صور منتجك تلقائيًا وإعادة إنشائها في الخلفية. في السابق كان علينا تثبيت المكون الإضافي “Regenerate Thumbnails” لإعادة إنشاء الصور إلى دقة جديدة.

تغيير حجم صورة المنتج المصغرة لصفحة المتجر

اتبع هذه الخطوات لتغيير حجم صورة المتجر أو الكتالوج أو المنتج:

انتقل إلى المظهر> تخصيص

ثم انتقل إلى WooCommerce> صور المنتج

اكتب العرض الذي تريده في حقل ” عرض الصورة المصغرة “.

يمكنك ضبط ارتفاع الصور في ” اقتصاص الصور المصغرة “

انقر فوق ” نشر “

أيضًا ، يمكنك تحديد “ارتفاع” الصور المصغرة للمتاجر من خلال إعداد نسبة العرض إلى الارتفاع:

 1: 1 : إذا حددت 1: 1 ، فسيتم اقتصاص صورك في مربعات

مخصص : في Custom ، يمكنك تحديد نسبة العرض إلى الارتفاع للصورة. فيما يلي بعض نسب العرض إلى الارتفاع الشائعة (1: 1 ، 5: 4 ، 4: 3 ، 3: 2 ، 16: 9 و 3: 1).

غير مقصوص : ارتفاع الصورة لن يمس. سيتم عرض الصور باستخدام نسبة العرض إلى الارتفاع التي تم تحميلها بها.

أسئلة مكررة:

عرض الصورة الرئيسية وحقل عرض الصورة المصغرة مفقود ؟

من أكثر المشكلات شيوعًا التي أبلغ عنها أصحاب المتاجر أنه “لا يمكنني العثور على عرض الصورة الرئيسية وحقول عرض الصورة المصغرة في مظهري> تخصيص> WooCommerce> صور المنتج”.

السبب وراء ذلك هو أن قالبك قد أعلن عن دعم WooCommerce وحدد تلك الإعدادات في وظائف PHP الخاصة به. إذا كانت محددة مسبقًا ، فسيتم إزالتها من أداة التخصيص. لذلك ، بشكل أساسي ، إذا كان المظهر الخاص بك يعلن عن حجم الصورة في دعم السمة ، فإن إعدادات عرض الصورة غير متاحة.

كيف يمكنني تغييره إذا تم تعيينه بواسطة Theme Developer ؟

يجب عليك إزالة أو تغيير إعدادات عرض الصورة من ملف features.php الخاص بالسمات. على سبيل المثال ، في واجهة المتجر ، لن تجد أي إعدادات حقل صورة رئيسية أو صورة مصغرة. لأنهم أعلنوا ذلك مسبقًا في واجهة المحل / inc / class-storefront.php

// Declare WooCommerce support.
 add_theme_support( 'woocommerce', apply_filters( 'storefront_woocommerce_args', array(
   'single_image_width' => 416,
   'thumbnail_image_width' => 324,
   'product_grid' => array(
   'default_columns' => 3,
   'default_rows' => 4,
   'min_columns' => 1,
   'max_columns' => 6,
   'min_rows' => 1
   )
) ) );

تم تعيين صورة المنتج الفردية على 416 بكسل عرضًا والصورة المصغرة على 324 بكسل عرضًا. في هذه الحالة ، يمكنك تجاوز هذه المكالمة عبر المظهر الفرعي الخاص بك.