גודל תמונה במוצר בודד גדול מידי

צהריים טובים,

אפשר קישור לעמוד בו זה מוצג כך?

אתה יכול לשלוח פה, ולהגדיר את התגובה כפרטית.

אוקי, הבנתי את הבעיה, זה קורה כי הגודל תמונה בעמוד מוצר הוא מוגדר להיות רספונסיב.

בכל אופן, אתה מוזמן להכניס את הקוד CSS הבא אל > התאמה אישית > Live CSS וזה יסתדר לך:

.woocommerce div.product div.images img {
    width: auto;
    margin: auto;
}

כדי ליישר את התמונות חזרה לימין, נסה להוריד את ה margin:autoמהקוד.

ולגבי הריווח בין התמונות הקטנות, נסה להכניס את הקוד הבא:

body.rtl.woocommerce #content div.product div.thumbnails a, body.rtl.woocommerce div.product div.thumbnails a, body.rtl.woocommerce-page #content div.product div.thumbnails a, body.rtl.woocommerce-page div.product div.thumbnails a{
margin-left:-50px;}

אז תוריד את ה margin השלילי.

זה בינתיים בבדיקה..

הקישור שהבאת לנו לפני כמה ימים כרגע מפנה לעמוד הראשי, תוכל לאפשר לנו גישה לעמוד מוצר עצמו?

אוקי הרד את הקוד הקודם:

body.rtl.woocommerce #content div.product div.thumbnails a, body.rtl.woocommerce div.product div.thumbnails a, body.rtl.woocommerce-page #content div.product div.thumbnails a, body.rtl.woocommerce-page div.product div.thumbnails a{
margin-left:-50px;}

ובמקומו הכנס כך:

@media (min-width:768px) {
body.rtl.woocommerce #content div.product div.thumbnails a, body.rtl.woocommerce div.product div.thumbnails a, body.rtl.woocommerce-page #content div.product div.thumbnails a, body.rtl.woocommerce-page div.product div.thumbnails a{
margin-left:-50px;}}

כדי שהתמונות יופיעו ככה רק בדסקטופ, ובמובייל ישארו כמו שהיו.