Wsparcie » Wtyczki » woocommerce ikona wpisu a obrazek na stronie produktu

  • 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)
  • 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

    Rozwiązanie znajduje się na stronie:
    http://valeriehudgins.com/how-to-fix-blurry-images-woocommerce/

      W wielkim skrócie należy:

    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 😉
    8. Pozdrawiam

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘woocommerce ikona wpisu a obrazek na stronie produktu’ is closed to new replies.