Jitka Peterková zeptal se před 5 roky
dobrý den, mám klienta s produktovým feedem na cca 8000 produktů, náhledové obrázky produktů z feedu jsou všech možných velikostí, na šířku, na výšku, všechno možné. Výsledný vzhled eshopu tedy není moc profi. Použila jsem vše možné, co woo nabízí, pro úpravu velikostí obrázků- 1:1, ořezávat, neořezávat, vlastní rozměry- ale efekt to nemá valný(https://darujproradost.cz/kategorie-produktu/kovane-polotovary/hroty-spice-ukonceni/spice-hroty/). Klient by rád, aby šlo nastavit PEVNOU šířku a výšku náhledového obrázku a kde by byl obrázek např, na výšku, tak do potřebných rozměrů by se uměl doplnit bílým pozadím, prý to takto má nastaveno poskytoval produkt. feedu(zde: https://www.kovian.cz/cz/Kovane-polotovary/Hroty-spice-ukonceni/Spice-hroty/?cur=1&force_sid=q88hana2j1fhnqhc2shqd5qir3). Je nějaké řešení i pro woo? Hledám všude možně ale nikde nic. Moc by mi to pomohlo. Předem děkuji.
Ferda odpověděl před 5 roky
Tady je o tom skvělý článek, viz https://musilda.cz/vite-woocommerce-pracuje-obrazky-eshopu/
K výše uvedenému článku ještě toto – https://wplama.cz/jak-nastavit-orez-obrazku-provychozi-nahledove-obrazk/
Flashrad odpověděl před 5 roky
Rodičovskému elementu nastavte pevnou výšku…. obrázku také, s 10 px marginem…. Tedy o 20 px menší
Ferda odpověděl před 5 roky
To Flashrad: Tohle v tomto případě nic neřeší. Hlavní problém je v ořezu obrázků. Viz třeba Hrot H 95 x L 52 mm (https://darujproradost.cz/kategorie-produktu/kovane-polotovary/hroty-spice-ukonceni/spice-hroty/ vs https://www.kovian.cz/cz/Kovane-polotovary/Hroty-spice-ukonceni/Spice-hroty/?cur=1&force_sid=q88hana2j1fhnqhc2shqd5qir3).
Ferda odpověděl před 5 roky
Ještě doplním, že pokud by šlo pouze o stejnou velikost u všech obrázků (pro tento případ), řešil bych to nastavením stejné výšky (+ dopočítání šířky). Pokud jde o doplnění bílého pozadí, tak podle té ukázky není třeba nic dodělávat – pozadí karty již bílé je. Takže něco v tomto duchu:
.featured-image {
padding: 10px;
}
.featured-image img {
width: auto;
max-height: 200px;
}
flashrad odpověděl před 5 roky
To Ferda: není to to samé, co jsem psal já? Ořezaný je už zdrojový obrázek, s tím v css asi nic neuděláme.
Ferda odpověděl před 5 roky
To Flashrad: Máš pravdu, omlouvám se za duplicitu. Třeba ale uvedený zápis paní/slečně pomůže.