Chcete se naučit, jak vytvořit personalizovanou stránku obchodu? WooCommerce s Elementorem?
Jak možná víte, Elementor Pro přichází s funkcí Builder WooCommerce což vám umožní vytvořit web personalizovaného elektronického obchodu s WooCommerce bez kódování. Tato funkce vám umožňuje vytvářet vlastní stránky WooCommerce pomocí vizuálního editoru Elementor, který nabízí intuitivní rozhraní.
Viz také: Jak nainstalovat Elementor na WordPress
V době psaní tohoto článku můžete vytvořit vlastní stránky pro stránku obchodu, stránku produktu a stránky archivu produktu (značky a kategorie). Brzy také budete moci vytvořit vlastní stránky pro stránku pokladny a stránku košíku.
V tomto článku vám ukážeme, jak vytvořit vlastní stránku obchodu WooCommerce pomocí funkce Tvůrce WooCommerce Elementor Pro.
Samotná stránka obchodu je jednou z výchozích stránek ve WooCommerce. Tato stránka slouží jako prezentace k zobrazení vašich produktů. Tuto stránku můžete otevřít na adrese yoursite.com/store. Ve výchozím nastavení stránka obchodu WooCommerce zobrazuje pouze produkty WooCommerce.
Vytvořením vlastní stránky obchodu pomocí Elementor Pro můžete přidat prvky, aby byla vaše výloha atraktivnější.
Jak vytvořit vlastní stránku obchodu WooCommerce s Elementorem
Existují alespoň dva widgety Elementor, které můžete použít k vytvoření vlastní stránky obchodu WooCommerce: Archivovat produkty a Produkty.
V tomto příkladu použijeme druhou možnost.
Funkce widgetu Produkty je docela podobné jako u widgetu Příspěvky. Rozdíl je v tom, že widget Produkty se používá k zobrazení produktů WooCommerce, zatímco widget Příspěvky se používá k zobrazení příspěvků na blogu.
Čtěte také: Jak importovat nebo exportovat modely v Elementoru
Pamatujte, že widget Produkty najdete, pouze když je nainstalován a aktivován plugin WooCommerce.
Chcete-li začít vytvářet vlastní stránku obchodu WooCommerce pomocí Elementor Pro, přejděte na První à Šablony -> Tvůrce motivů na hlavním panelu WordPress. Klikněte na kartu Produkty Archiv na stránce Theme Builder a poté klikněte na tlačítko ajouter ARCHIV PRODUKTŮ.
Pojmenujte svůj model a klikněte na tlačítko VYTVOŘTE MODEL.
Existují tři vlastní šablony stránek obchodu, ze kterých si můžete vybrat, pokud chcete vytvořit vlastní stránku obchodu ze šablony. Pokud chcete vytvořit vlastní stránku obchodu úplně od začátku, můžete zavřít knihovnu šablon.
Viz též: Jak používat Color Sampler v Elementoru
V tomto příkladu vytvoříme vlastní stránku obchodu od začátku. Jak bylo uvedeno výše, k zobrazování produktů budeme používat widget Produkty.
Před přidáním widgetu Produkty do editačního pole můžete definovat rozložení přidáním sekcí a sloupců. Jakmile je rozložení hotové, můžete jednoduše přetáhnout widget Produkty do editačního pole.
Jak vidíte, widget Produkty automaticky načte a zobrazí nejnovější produkty WooCommerce. Dotaz můžete upravit otevřením bloku Dotaz pod záložkou Obsah z panelu nastavení. Na výběr je pět možností:
- Aktuální dotaz - aktuální dotaz
- Nejnovější produkty - nejnovější produkty
- Prodej - prodej
- Doporučeno - Doporučeno
- Ruční výběr - Ruční výběr
Můžete také nastavit pořadí, ve kterém se produkty zobrazují, nebo určité vyloučit
Chcete-li nastavit počet sloupců a řádků, můžete blok otevřít Obsah pod záložkou Obsah. Z tohoto bloku můžete také aktivovat stránkování.
S panelem nastavení si můžete pohrát, dokud nezískáte nejlepší nastavení pro widget Produkty. Jakmile s widgetem Produkty skončíte, můžete na svou stránku přidat další widgety.
Čtěte také: Jak používat výběr barvy v Elementoru
Po dokončení úprav stránky můžete kliknout na tlačítko VYDAVATEL ve spodní části panelu nastavení.
Přidejte podmínku zobrazení kliknutím na tlačítko přidat podmínku. Protože chcete vytvořit vlastní stránku obchodu, vyberte tuto možnost Obchod Page. Kliknutím na tlačítko ULOŽIT A ZAVŘÍT uložit změnu.
Dosud jste úspěšně vytvořili vlastní stránku obchodu WooCommerce pomocí Elementor Pro. Můžete jít na vašem webu.com/store zkontrolovat výsledek.
Přizpůsobte si widget Produkty
Před publikováním stránky můžete přizpůsobit widget Produkty, aby byla atraktivnější. Chcete-li tak učinit, klikněte na widget v editačním poli a přejděte na kartu Styl z panelu nastavení. Existují čtyři bloky, které můžete otevřít následovně:
Produkty
Tento blok můžete otevřít a definovat mezeru mezi sloupci a řádky. V tomto bloku můžete také nastavit typografii (rodinu písem, velikost písma atd.) A také barvu textu prvků produktu, jako je název produktu, cena produktu, hodnocení produktu, produkt atd. Můžete také nastavit ohraničení obrázku produktu,
- Krabici
V této souvislosti Box označuje kontejner každého produktu. Blok můžete otevřít Krabici definovat šířku ohraničení kontejneru, poloměr ohraničení, stín krabice, barva pozadí, barva ohraničení atd.
- Počet na stránku
Pokud aktivujete tuto možnost Počet na stránku z bloku Obsah, můžete otevřít blok Počet na stránku pod záložkou Styl přizpůsobit stránkování. Můžete nastavit například mezery, barvu ohraničení, barvu pozadí atd.
Můžete také definovat různé parametry pro každý stav (normální, polohovací a aktivní).
- Prodej Flash
Když do WooCommerce přidáte nový produkt, můžete nastavit atribut prodejní ceny a ukázat tak svým návštěvníkům, že související produkt je zlevněný. Chcete-li to zdůraznit, můžete na stránce obchodu zobrazit atribut sale, aby zlevněné produkty měly odznak sale.
Blok můžete otevřít Prodej Flash přizpůsobit odznak prodeje. Můžete definovat prvky, jako je barva textu, barva pozadí, typografie, poloměr ohraničení, velikost (šířka a výška), vzdálenost atd.
Nakonec
WooCommerce Builder je jednou z funkcí, které nabízí Elementor Pro. Umožňuje vám to vytvořit web personalizovaná a jedinečná platforma elektronického obchodu s WooCommerce a bez kódování. Není třeba instalovat a WordPress téma který tvrdí, že je navržen pro WooCommerce. Místo toho si můžete vytvořit vlastní stránky WooCommerce sami pomocí vizuálního editoru Elementor.
Čtěte také: Jak přidat dělič k vytvoření sekce v Elementoru
Až do verze 3.2.2 vám Elementor Pro umožňuje vytvářet pouze vlastní stránku obchodu, vlastní stránku jednoho produktu a stránky vlastního archivu produktu. Ale Elementor oznámil, že v příští verzi Elementor Pro budete také moci vytvořit vlastní stránku košíku, stránku vlastní pokladny a stránku vlastního zákaznického účtu.
Získejte nyní prvek Elementor Pro!
Proč investovat do čističky vzduchu?
Tady ! To je pro tento článek, který vám ukáže, jak vytvořit vlastní stránku pro obchod WooCommerce s Elementor. Pokud máte nějaké obavy, jak se tam dostat fdejte nám vědět v commentaires.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
