Eshopiste.cz - Tržiště zavedených e-shopů nabízených k prodeji i investici
Zobrazují se odpovědi 1 až 6 z 6

WooCommerce zarovnanie fotiek produktov

  1. Dobry den vie niekto poradit ako zarovnam vsetky produkty aby mali pekne rovnake fotky ?
    Přiložené miniatury Přiložené miniatury Klikněte na obrázek pro plnou velikost Název:  woo.jpg Zobrazení: 17 Velikost:  171,6 KB  

  2. Co se právě děje na Webtrhu?
  3. 1) max-height / max-width
    2) zarování na střed zleva / zhora

    Kód:
    .product {
        width: 100%;
        position: relative;
        padding-bottom: 100%;
    }
    
    .product img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-bottom: 0px;
        max-width: 90%;
        max-height: 200px; /* příklad výšky */
    }
    Uprav dle oka pak ..

  4. Citace Původně odeslal Doctore97 Zobrazit příspěvek
    1) max-height / max-width
    2) zarování na střed zleva / zhora

    Kód:
    .product {
        width: 100%;
        position: relative;
        padding-bottom: 100%;
    }
    
    .product img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-bottom: 0px;
        max-width: 90%;
        max-height: 200px; /* příklad výšky */
    }
    Uprav dle oka pak ..
    toto je vysledok vlozil som Název:  woo01.jpg
Zobrazení: 35
Velikost:  240,2 KB

  5. Je to potřeba upravit. Hod odkaz.


  6. S aktuálním rozložení HTML to úplně dost dobře nejde udělat. Moselo by se upravit html.

Hostujeme u Server powered by TELE3