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

דיון זה מוגדר: סגור

תגיות: River, WooCommerce

מוצגות 15 תגובות – 1 עד 15 (מתוך 15 סה״כ)

מאת

תגובות
29/02/2016 בשעה 09:37 #47859

iritst
Participant

הי,

יש לי בעיה שגודל התמונה שמוצג במוצר בודד לא קשור להגדרות שאני שמה בממשק ניהול , לא בהגדרות מדיה ולא בהגדרות של ה woocommerce בהגדרת מוצרים.
עברתי על המדריך
https://pojo.co.il/topic/regenerate-thumbnails-wordpress-woocommerce/
ובצעתי את כל הצעדים
שיניתי את ההגדרות , אבל שעושים inspect element על התמונת מוצר הגדולה ( דף מוצר בודד ) , יש שלושה class שיכולים ( אולי ) לייצר גודל אחר :
attachment-shop_single size-shop_single wp-post-image
שאין לו שום קשר לגדלים המוגדרים, הגדרתי גודל מקסימלי של 300X 300 ואני מקבלת תמונה בגודל של 525X525

גודל התמונות המקוריות ( הפיזיות, מה שהעליתי במקור ) שנמצאות על הספוט הזה הוא 350X 500

זה קשור?

יש פתרון ?

תודה.

29/02/2016 בשעה 13:59 #47912

Noa
Participant

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

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

29/02/2016 בשעה 14:24 #47915

iritst
Participant

אשמח להעביר קישור באופן פרטי , האתר בבניה ונמצא על דומיין זמני .

29/02/2016 בשעה 15:02 #47930

Noa
Participant

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

29/02/2016 בשעה 16:39 #47944

iritst
Participant

תגובה זו סומנה כפרטית.

29/02/2016 בשעה 17:51 #47969
Ariel
Participant
אוקי, הבנתי את הבעיה, זה קורה כי הגודל תמונה בעמוד מוצר הוא מוגדר להיות רספונסיב.

בכל אופן, אתה מוזמן להכניס את הקוד CSS הבא אל > התאמה אישית > Live CSS וזה יסתדר לך:
```
.woocommerce div.product div.images img {
    width: auto;
    margin: auto;
}
```
01/03/2016 בשעה 09:15 #48010

iritst
Participant

שמתי, הגודל מצוין אבל הפיזור על הדף לא טוב , התמונה הגדולה התמרכזה במקום להצמד לימין והתמונות גלריה מפוזרות מתחת עם רווחים גדולים מידי. שמקטינים את המסך למינימום זה נראה טוב אבל במסך בגודל גדול/ בינוני – לא . יש לכם את הלינק בתגובה הפרטית ששלחתי לכם אתמול . יש דרך לסדר את זה ?

01/03/2016 בשעה 12:11 #48034
Noa
Participant
כדי ליישר את התמונות חזרה לימין, נסה להוריד את ה 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;}
```
01/03/2016 בשעה 13:17 #48041

iritst
Participant

עשיתי כמו שהנחית, במסך גדול זה נראה טוב אבל זה איבד לחלוטין את הרספונסיביות שלו …..
שמקטינים את המסך התמונות הקטנות עולות אחת על השניה

01/03/2016 בשעה 18:20 #48060

Noa
Participant

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

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

02/03/2016 בשעה 08:36 #48088

iritst
Participant

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

02/03/2016 בשעה 12:52 #48116

Noa
Participant

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

03/03/2016 בשעה 09:05 #48176

iritst
Participant

תגובה זו סומנה כפרטית.

03/03/2016 בשעה 12:34 #48196
Noa
Participant
אוקי הרד את הקוד הקודם:
```
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;}}
```
כדי שהתמונות יופיעו ככה רק בדסקטופ, ובמובייל ישארו כמו שהיו.
03/03/2016 בשעה 13:17 #48212

iritst
Participant

יופי, נפתרה הבעיה. נראה מצוין גם ב desktop וגם במובייל .
מאת

תגובות