Štítky vo fotkách virtuemart 3

23. říj 2022 10:50 #147184

Odpověď od Linelabcz

Admin

Chce to konkrétně. Na obrázku jsou štítky vygenerované na základě parametru produktu.
Nebo vás zajímají štítky na slevy, akce, novinky?

Linelab.cz - Tvorba a správa webových stránek.
Linelabox - Vytvořte si Joomla! šablony zdarma.

Přílohy:

23. říj 2022 17:48 #147187

Odpověď od Leoš

Pokročilý uživatel

Díky za info, hlavně mne zajímají štítky na Akce, Doporučujeme atd. - vím, že to je součást VM, vím jak s tím zacházet. Spíše mne zajímá, jak pracovat s grafikou těchto štítků - vzhledem, umístěním, případně i textem těchto štítků pro různé info zákazníkům.

23. říj 2022 21:30 - 25. říj 2022 13:58 #147189

Odpověď od Linelabcz

Admin

Aha, CSS?

Myslel jsem spíše implementaci pro výpis produktů, detail, moduly.
CSS je jasné. Aboslutní pozicování uvnitř relativního. Tagem <figure> obalíte obrázek img. Tag <figure> bude realtivní a štítek bude pozicován absolutně. Přidáte span, kterým ohraničíte text a text ve štítku vycentrujete display: flex. Přidáte štítku background, případně border-radius. Samozřejmě z-index, štítek musí být nad obrázkem.

<figure>
<span class="stitek">Novinka</span>
<img src=obrazek_produktu>
</figure>

Ale tohle jsou takové základy spíš jako "jak psát web"

Linelab.cz - Tvorba a správa webových stránek.
Linelabox - Vytvořte si Joomla! šablony zdarma.

25. říj 2022 13:47 #147200

Odpověď od Rudolf

Joomla Expert

Spíše mne zajímá, jak pracovat s grafikou těchto štítků - vzhledem, umístěním, případně i textem těchto štítků pro různé info zákazníkům.

Jak píše Franta, vzhled si upravujete pomocí CSS a to jak pro štítky generované pomocí core parametrů produktu, nebo pluginu Štítky (kde už css soubor je součástí instalace).

Pokud použijete návod od Franty a strkáte tam obrázek (proboha proč na novinky a akce dávat na stránku XX stejných obrázků?), tak nezapomeňte správně vše vypsat i z hlediska SEO, jinak tam nasekáte mnoho nových SEO chyb (které ale neuvidíte, pokud se SEO nezabýváte). Pak se jenom budete divit proč že je ten web tak špatně hodnocený...

Hlavně tedy u img správně vyplněný ALT (hlavně ne alt="štítek"), nesmí chybět také velikost a případně je možné doplnit titulek.

Já preferuji obyčejný text.

MiniJoomla! - www.minijoomla.org - eshop s rozšířením Joomla/VM
Email Manager - aplikace na správu šablon emailů pro VirtueMart
Easy Feeder - aplikace na generování XML/CSV feedů a napojení na ERP pro VM
PragueClassicconcert - portál pro prodej vstupenek na systému Joomla

25. říj 2022 14:00 #147202

Odpověď od Linelabcz

Admin

<figure>
<span class="stitek">Novinka</span>
<img src=obrazek_produktu>
</figure>

Rudo, snad už nikdo nepoužívá pro štítky typu akce, sleva obrázky. Možná ikony font Awesome a pod. nebo nejlépe svg.

Linelab.cz - Tvorba a správa webových stránek.
Linelabox - Vytvořte si Joomla! šablony zdarma.

25. říj 2022 15:47 #147203

Odpověď od Rudolf

Joomla Expert

Franto,
já taky doufám, že nikdo pro štítky nepoužívá již obrázky a když tak svg