Produktový obrázek- nestejné velikosti

WordPress PoradnaKategorie dotazu: PluginyProduktový obrázek- nestejné velikosti
Jitka Peterková zeptal se před 3 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.

6 Odpovědi
Ferda odpověděl před 3 roky
Flashrad odpověděl před 3 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 3 roky
Ferda odpověděl před 3 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 3 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 3 roky

To Flashrad: Máš pravdu, omlouvám se za duplicitu. Třeba ale uvedený zápis paní/slečně pomůže.

Vaše odpověď

4 + 9 =

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.