Štítky vo fotkách virtuemart 3

Zdravím potreboval by som dostať do nahľadu produktu takéto štítky, existuje na to nejaky modul, alebo je na to nejaký návod. Nemôžem nič nájsť. Za každú pomoc ďakujem

Ono asi těžko říct variant bude víc - informací od vás je taky málo.

Nerad na každou prkotinu instaluju další rozšíření.
Prubněte třeba vlastní pole u produktu a pak nastylovat zobrazení.

Já používám dvě metody:

- vlastní pole (pokud chci něco úplně speciálního)
- plugin Štítky (najdete zde )

Jak píše Ruda, vlastní pole jsou ideální a snadný způsob pro štítky

použití i v modulech Virtuemart i v souvisejích produktech viz www.fishingcentrum.cz/
pokud máte zájem napšite na linelab@linelab.cz pošlu vám návod.

Zapomněl jsem ještě, kde je například můžete vidět (přesně jak píše Franta - použití v modulech, souvisejících produktech, kategorie a detail produktu):

customfields:
www.zelenazeme.cz
www.cannadorra.ru

plugin:
www.kolo.park.cz
www.dvere-podlahy-schody.cz

Jak píše Ruda, vlastní pole jsou ideální a snadný způsob pro štítky

použití i v modulech Virtuemart i v souvisejích produktech viz  www.fishingcentrum.cz/
pokud máte zájem napšite na linelab@linelab.cz pošlu vám návod
Ahoj,
už je to nějaký čas ale já bych měl zájem o ten návod - řeším pro J3 a VM3 štítky, které bych si chtěl i graficky upravit.
Pokud je to možné, moc děkuji za info.
Leoš

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?

 

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.

Aha, CSS? image missing /media/kunena/emoticons/smile.png 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"
 

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.

<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.

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

Budeme doufat. Hezky to řeší Phoca Cart dá se nastavit jednoduše nastavit svg,  kvalitni-kola.cz/bike/1-jizdni-kola/8-elektrokola pár ikonek je ještě Font Awesome v přepisech.

Aby to bylo vyvážené - On to hezky řeší i VirtueMart pomocí pluginu Štítky
Navíc plugin přidává další checkboxy (parametry produktu) pro filtrování a řazení, které se primárně pro štítky pak používají.