woocommerce ikona wpisu a obrazek na stronie produktu

mondycz1
(@mondycz1)

10 years temu

Cześć,

mam problem ze zdjęciami dodawanymi do produktu a mianowicie z „ikona wpisu” i „obrazkiem na stronie produktu”

Jak zdążyłem zauważyć zdjęcie ikony wpisu pojawia się automatycznie również jako pierwsze zdjęcie w galerii produktu czyli jako obrazek na stronie produktu.
Tutaj się pojawia problem ponieważ ikona wpisu(260px x 390px) w moim sklepie ma inny wymiar i obrazek na stronie produktu(480px x 720px) to tez inny wymiar. Wynik jest tego taki że:
a) kiedy dodaje obrazek z odpowiednia wielkością dla ikony wpisu(260px x 390px) to zdjęcie w galerii produktów jakie posiadam na sklepie jest ostre ALE kiedy klikniemy na szczegóły produktu to przechodzimy do galerii i tam jako pierwsze zdjęcie pokazuje się ikona wpisu(260px x 390px) ponieważ tutaj już obowiązuje inna wielkość zdjęć(480 x 720px), ikona wpisu robi się rozmazana i słabej jakości.
przykład:
http://esimo.com.pl/sklep/ proszę sprawdzić wygląd produktu spodenki( kopia)

b)Druga sytuacja to sytuacja zupełnie odwrotna kiedy dodaje obrazek do „ikony wpisu” z odpowiednia wielkością dla „obrazek na stronie produktu” to zdjęcie na galerii produktów jakie posiadam jest zamazane ALE kiedy klikniemy na szczegóły produktu to przechodzimy do galerii i tam jako pierwsze zdjęcie pokazuję się ikona wpisu z ostrym zdjęciem.
przykład:
http://esimo.com.pl/sklep/ proszę sprawdzić wygląd produktu spodenki

Moje ustawienia woocommerce to:

Obrazki w katalogu: 260px X 390px
Obrazek na stronie produktu 480px X 720px
Miniaturki produktu 110px X 165px

Proszę o pomoc jak mam to rozwiązać ?!

P.S starałem się jak moglem wytłumaczyć sytuacje

Viewing 2 replies - 1 through 2 (of 2 total)

bacajose
(@bacajose)

9 years, 5 months temu

Witam,

mam ten sam problem, a widzę na stronie esimo, że udało Ci się go rozwiązać. Prosić o podpowiedź w tej kwsti 🙂

Pozdrawiam
Pearon
(@pearon)

9 years temu
Rozwiązanie znajduje się na stronie:
http://valeriehudgins.com/how-to-fix-blurry-images-woocommerce/
1. Najechać kursorem na zdjęcie produktowe w sklepie i kliknąć prawym przyciskiem myszy, z menu wybrać „Zbadaj element” (ja korzystam z Opery). Pojawi się kod strony z podświetlonym fragmentem kodu zdjęcia. Najedź w kodzie na URL tego zdjęcia. Pojawi się dymek w którym zobaczysz dwa wymiary: jeden większy, a drugi oryginalny. Pierwszy to de facto rozmiar wyświetlany na stornie, a drugi, to z jakiego rozmiaru miniatury w rzeczywistości korzysta system. Jeśli pierwszy parametr jest większy np. 367×473, a drugi 300×387, to masz przyczynę rozmycia. Spisz te wymiary, a właściwie ten pierwszy.
2. Zrób to samo dla zdjęć w kategoriach.
3. Następnie przejdź do Kokpitu, WooCommerce > Ustawienia > Zakładka „Display” (ustawień m.in. wielkości miniatur).
4. UWAGA! Wpisz półtora lub dwukrotnie wyższe wymiary niż pobiera system dla obrazków w kategoriach i na stornie produktu. W moim przykładzie zamiast 367×473 wpisałem 600×774, a dla kategorii wystarczyło, że wpisałem te wymiary, które generował system.
5. Zapisz.
6. Samo zapisanie nic nie zmieni. Trzeba na nowo wygenerować miniatury. Do tego skorzystałem z wtyczki Regenerate Thumbnails. Za jej pomocą jednym kliknięciem wygenerujesz nowe rozmiary dla wszystkich zdjęć produktowych.
7. Problem rozwiązany 😉

Viewing 2 replies - 1 through 2 (of 2 total)

Temat ‘woocommerce ikona wpisu a obrazek na stronie produktu’ jest zamknięty na nowe odpowiedzi.

woocommerce ikona wpisu a obrazek na stronie produktu

Tagi tematu

Wyświetlenia