• http://i935.photobucket.com/albums/ad196/Lionardo81/zmiana_zpsb27udoef.jpg
    Witam chodzi mi o taki efekt jak na powyższym zdjęciu. Mam szablon który dostosowuje się do rożnych urządzeń, jednak przy pomniejszeniu dzieli zdjęcia w pionie (i tak powinno być) jednak szukam nieco innego rozwiązania, a mianowicie chciałbym by moje zdjęcia (przedstawiające kategorie) wyświetlały się podwójnie. Podobne zastosowanie ma Woocomerce. Jak zauważyłem (w Woocomerce) przy pomniejszaniu strony zdjęcia z 4 w jednej lini dzielą się na 2 i 2. O coś takiego mi chodzi. Pytanie czy są jakieś wtyczki które ogarną temat lub inne rozwiązania?
    Z góry dziękuje.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Używasz jakiegoś framework CSS? Np Bootstrap? Jeżeli nie to pozostaje @media query w CSS

    Thread Starter Lionardo81

    (@lionardo81)

    Dzięki za odpowiedz
    Czy mógł być nieco bardziej rozwinąć, liczę się z tym ze nikt tego za mnie nie zrobi, jestem początkującym WordPressowcem ; ) Proszę tylko na jakieś konkretniejsze naprowadzenie.
    Chciałbym dokładnie sprecyzować o co mi chodzi:
    Na tej stronie: http://lr-dein-shop.de/shop/ jak pomniejszymy okno przeglądarki do minimum wyświetlają się 2 produkty (dwie kolumny).
    Natomiast strona http://lr-dein-shop.de/ ma kwadratowe okienka z kategoriami, które po zmieszaniu szerokości strony znikają pojedynczo, co prowadzi w finale do mało efektownego wyświetlania ich i jednej kolumnie która nie wypełnia pełnej szerokości np: w smartphonie mam taki efekt.

    Myślałem nad takimi rozwiązaniami:
    1. Zmniejszyć rozmiar obrazków, by po zmniejszeniu utworzyły się dwie kolumny ale tylko mobilnie ( różne telefony maja rożną rozdzielczość ), wiec te rozwiązanie raczej odpada.
    2. Utworzyć kolumnę z dwoma obrazkami ( przy pełnym ekranie wyświetlają się 2 kolumny czyli 4 obrazki w poziomie )
    po zmieszaniu dzielą się na pól co daje efekt końcowy np na smartphonie dwóch kolumn ( jak w pierwszym linku Woocomerce)
    P.S Myślałem by wpisać klasę z Woocomerce nie daje to jednak oczekiwanego rezultatu (chyba ze robię coś złe)
    Z góry dziękuje.

    Mówisz konkretnie o zdjęciu, czy wypisie produktu? Czytam i czytam i nie do końca rozumiem co chcesz osiągnąć.

    Generalnie rozwiązuje się to na różne sposoby. Pomyśl o kolumnach o szerokościach wyrażonych w procentach lub o wykorzystaniu klas css viewport.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘Zmiana rozmiaru grafiki (obrazka) na urządzeniach mobilnych’ jest zamknięty na nowe odpowiedzi.