search

pavelevap / ceske-sluzby

České služby pro WordPress
56 stars 25 forks source link

Přehled dostupných variant na stránce produktu #131

Open pavelevap opened 7 years ago

pavelevap commented 7 years ago

Některé eshopy mají mnoho variant (a různé kombinace). Pro zákazníka by bylo fajn hned vidět, které kombinace jsou dostupné než aby to musel všechno rozklikávat :-(

Inspirace: https://wordpress.org/plugins/woocommerce-variation-details-on-page-product/ https://wordpress.org/plugins/woocommerce-availability-chart/

http://stackoverflow.com/questions/29879413/greying-out-out-of-stock-product-variations-woocommerce

http://www.separatista.net/forum/tema/skladova-dostupnost-produktu

pavelevap commented 7 years ago

Tak jsem zkoušel několik možností (zatím pouze demo, vzhled prosím ignorujte, jde o defaultní šablonu), nevím, která je nejvhodnější, případně by šlo asi implementovat obě najednou a nechat výběr na uživateli.

1) Samostatná tabulka na stránce produktu s variantami. Ještě než začne uživatel klikat na možnosti, tak vidí okamžitý přehled toho, co je skladem (integrace s nastavením dodací doby). U tří možností to asi není moc potřeba, ale pokud má někdo třeba deset velikostí trička v kombinaci pánské/dámské, tak už může být kombinací velmi mnoho a zákazník se může uklikat. Otázkou zůstává, jak bude potom vypadat třeba dvacet řádků tabulky?

image

2) Přímá modifikace výběrového políčka. Přijde mi to docela přehledné, produkty, které vůbec nejsou skladem a nejdou tedy objednat jsou zcela neaktivní (nelze je ani zvolit a jsou červené), ostatní je možné zvolit, ale je u nich dodatečná informace o dostupnosti.

image

novetrendy commented 7 years ago

Vypadá to pěkně, ale u druhé možnosti - jak to bude fungovat s kombinacemi, když těch selectů bude třeba 5?

pavelevap commented 7 years ago

Dobrý dotaz :-) Tam je to trochu složitější a možná na úkor přehlednosti, ale funguje to tzv. kaskádově, tedy bez výběru tam musí být dostupné všechny možnosti (protože jde o kombinace), ale postupně se tam dostupnost doplňuje. Zkusím příklad:

image

Tady by stálo za zvážení, zda neudělat spíše tabulkovou "matici" nebo možnosti nějak shlukovat (nebo pro přehlednost zobrazovat pouze položky které nejsou skladem, případně místo textu použít nějaké ikonky).

Při volbě tedy uživatel začne velikostí (je ale jedno čím začne) a má tam obě možnosti (protože ještě nevíme, jaká bude druhá volba):

image

Jakmile ale zvolí první možnost, tak druhý select už obsahuje dodatečné informace:

image

A mělo by to fungovat i obráceně, takže zákazník může začít volit druhým selectem. Ale možná je pro tyto komplikovanější varianty vhodnější právě přehledná tabulka?

Ale ještě to není doladěné, takže uvítám připomínky :-) A co druhou možnost zobrazovat pouze když je jeden select a první možnost když je více selectů?

novetrendy commented 7 years ago

První možnost bych předělal ještě trochu jinak. Byla by tabulka všech variant a přímo v té tabulce by bylo "Přidat do košíku" a počet. Selecty by se schovali - jednoduché a přehledné. Druhá možnost by byla jen pokud by byl select jeden - potom by to mělo význam a bylo by to přehlednější.

pavelevap commented 7 years ago

Díky moc, nejsou na to už nějaké pluginy (přehled variant a možnost je hned vložit do košíku)? Mám pocit, že jsem už něco podobného viděl... Možná bych do nich mohl pouze posílat dodací dobu? Původně to bylo zaměřené jen na základní informace, ale vlastně dává docela smysl, aby to šlo rovnou vložit do košíku. Možná jen udělat nějaký malý přehled (varianty které nejsou skladem) na výpisu rubriky?

Druhá možnost by asi opravdu stačila pro jeden select, aby to nebylo nepřehledné. Pro různé kombinace by se asi zase tolik klikání neušetřilo a tabulka by tam byla přehlednější...

novetrendy commented 7 years ago

Myslím, že jsem kdysi jeden takový plugin (s tabulkou) zkoušel, jen si nemůžu vzpomenout, jak se jmenoval. Nicméně v jednom eshopu mám u jednoho produktu 100+ variant a taková tabulka je už nepřehledná.

pavelevap commented 7 years ago

Mnoha uživatelům se nelíbí také cenové rozmezí u variant a chtějí uvádět pouze nejnižší cenu + chtěli by mít v rozevíracím menu přehled o cenách a případné slevě.