چگونه سایز تصویر بندانگشتی ووکامرس را تغییر دهیم؟

تغییر سایز و نسبت اندازه تصویر بندانگشتی محصولات ووکامرس

استفاده از CSS سفارشی (اختیاری)

اگر روش‌ فوق دقیقاً نسبت یا اندازه‌ای که نیاز دارید را فراهم نمی‌کنند، ممکن است نیاز به استفاده از CSS سفارشی داشته باشید:

مسیر قرار دادن کد سفارشی از تنظیمات قالب > عمومی > کدهای سفارشی > CSS  می باشد.

/* مثال: تنظیم اندازه تصاویر محصولات */
.woocommerce ul.products li.product img {
width: 100%; /* این مقدار را بر اساس نیاز خود تنظیم کنید */
height: auto; /* حفظ نسبت ابعاد */
}

/* مثال: اجبار به نمایش تصاویر مربعی */
.woocommerce ul.products li.product img {
object-fit: cover;
width: 300px;
height: 300px;
}