Přejít k hlavnímu obsahu

Jak vytvořit vlastní stránku obchodu WooCommerce s Elementorem

Divi: nejjednodušší téma WordPress k použití

Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma. [Doporučeno]

Chtěli byste se naučit, jak vytvořit vlastní stránku pro obchod WooCommerce s Elementorem?

Jak možná víte, Elementor Pro přichází s funkcí Tvůrce WooCommerce, která vám umožňuje vytvářet vlastní web e-Commerce s WooCommerce bez kódování. Tato funkce 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 votresite.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.

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní snadno vytvořit jakýkoli design webových stránek s profesionálním vzhledem. Přestaňte platit drahé za to, co můžete udělat sami. [Zdarma]

jak vytvořit vlastní stránku pro obchod WooCommerce s ElementorExistují 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

jak vytvořit vlastní stránku pro obchod WooCommerce s Elementor

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.

Hledáte ty nejlepší témata a pluginy aplikace WordPress?

Stáhněte si ty nejlepší pluginy a témata aplikace WordPress na Envato a snadno si vytvořte své webové stránky. Již více než stahování 49.720.000. [EXCLUSIVE]

Č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 Prodejna Page. Kliknutím na tlačítko ULOŽIT A ZAVŘÍT uložit změnu.

jak vytvořit vlastní stránku pro obchod WooCommerce s Elementor

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,

  • Box

V této souvislosti Box označuje kontejner každého produktu. Blok můžete otevřít Box 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 vytvořit osobní a jedinečný web eCommerce s WooCommerce a bez kódování. Není třeba instalovat téma WordPress, které tvrdí, že je navrženo pro WooCommerce. Místo toho 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

Snadno vytvořte svůj online obchod

Stáhněte si zdarma WooCommerce, nejlepší e-commerce pluginy pro prodej vašich fyzických a digitálních produktů na WordPress. [Doporučeno]

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!

závěr

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.

...

Tento článek obsahuje komentáře 0

Zanechat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

Tato stránka používá společnost Akismet ke snížení nežádoucích účinků. Přečtěte si další informace o tom, jak se používají vaše komentáře.

Zpět na začátek
0 akcie
podíl
tweet
Zadat