Chceli by ste sa naučiť, ako vytvoriť personalizovanú stránku obchodu? WooCommerce s Elementorom?
Ako možno viete, Elementor Pro prichádza s funkciou staviteľa WooCommerce čo vám umožní vytvoriť webovú stránku personalizovaného elektronického obchodu s WooCommerce bez kódovania. Táto funkcia vám umožňuje vytvárať vlastné stránky WooCommerce pomocou vizuálneho editora Elementor, ktorý ponúka intuitívne rozhranie.
Pozri tiež: Ako nainštalovať Elementor na WordPress
V čase písania tohto článku môžete vytvoriť vlastné stránky pre stránku obchodu, stránku produktu a stránky archívu produktu (značky a kategórie). Čoskoro tiež budete môcť vytvoriť vlastné stránky pre stránku platby a stránku košíka.
V tomto článku vám ukážeme, ako vytvoriť vlastnú stránku obchodu WooCommerce pomocou funkcie tvorcu WooCommerce spoločnosti Elementor Pro.
Samotná stránka obchodu je jednou z predvolených stránok WooCommerce. Táto stránka slúži ako výkladná skriňa na zobrazenie vašich výrobkov. Túto stránku môžete navštíviť na adrese yoursite.com/store. V predvolenom nastavení sa na stránke obchodu WooCommerce zobrazujú iba produkty WooCommerce.
Vytvorením vlastnej stránky v obchode pomocou aplikácie Elementor Pro môžete pridať prvky, vďaka ktorým bude váš výklad atraktívnejší.
Ako vytvoriť vlastnú stránku v obchode WooCommerce s Elementorom
Existujú najmenej dva widgety Elementor, ktoré môžete použiť na vytvorenie vlastnej stránky obchodu WooCommerce: Archivujte produkty a Produkty.
V tomto príklade použijeme druhú možnosť.
Funkcia widgetu Produkty je dosť podobné widgetu Príspevky. Rozdiel je v tom, že miniaplikácia Produkty sa používa na zobrazovanie produktov WooCommerce, zatiaľ čo miniaplikácia Príspevky sa používa na zobrazovanie blogových príspevkov.
Prečítajte si tiež: Ako importovať alebo exportovať modely v aplikácii Elementor
Upozorňujeme, že miniaplikáciu Produkty nájdete, iba ak je nainštalovaný a aktivovaný doplnok WooCommerce.
Ak chcete začať vytvárať vlastnú stránku obchodu WooCommerce pomocou aplikácie Elementor Pro, prejdite na prvý à Šablóny -> Tvorca tém na vašom hlavnom paneli WordPress. Kliknite na kartu Produkty Archív stránky Theme Builder a potom kliknite na tlačidlo pridať ARCHÍV PRODUKTOV.
Pomenujte svoj model a kliknite na tlačidlo VYTVORTE MODEL.
Existujú tri vlastné šablóny stránok v obchode, z ktorých si môžete vybrať, ak chcete vytvoriť vlastnú stránku v obchode zo šablóny. Ak chcete vytvoriť vlastnú stránku obchodu úplne od začiatku, stačí zavrieť knižnicu šablón.
Pozri tiež: Ako používať Color Sampler v Elementore
V tomto príklade vytvoríme vlastnú stránku obchodu úplne od začiatku. Ako už bolo spomenuté vyššie, na zobrazovanie produktov budeme používať miniaplikáciu Produkty.
Pred pridaním miniaplikácie Produkty do editačného poľa môžete definovať rozloženie pridaním sekcií a stĺpcov. Keď je rozloženie pripravené, môžete jednoducho presunúť miniaplikáciu Produkty do editačného poľa.
Ako vidíte, miniaplikácia Produkty sa automaticky načítava a zobrazuje najnovšie produkty WooCommerce. Dotaz môžete upraviť otvorením bloku Dopyt pod záložkou Obsah z panela nastavení. Existuje päť možností na výber:
- Aktuálny dopyt - aktuálny dopyt
- Najnovšie produkty - najnovšie produkty
- Výpredaj - Výpredaj
- Najlepšie - Najlepšie
- Manuálny výber - manuálny výber
Môžete tiež nastaviť poradie, v akom sa produkty zobrazujú, alebo určité vylúčiť
Ak chcete nastaviť počet stĺpcov a riadkov, môžete otvoriť blok obsah pod záložkou Obsah. Z tohto bloku môžete tiež aktivovať stránkovanie.
Môžete sa pohrať s panelom nastavení, kým získate najlepšie nastavenia pre miniaplikáciu Produkty. Keď skončíte s widgetom Products, môžete na svoju stránku pridať ďalšie widgety.
Prečítajte si tiež: Ako používať výber farieb v Elementore
Po dokončení úprav stránky môžete kliknúť na tlačidlo PUBLISH v dolnej časti panela s nastaveniami.
Kliknutím na tlačidlo pridajte podmienku zobrazenia pridať podmienku. Pretože chcete vytvoriť vlastnú stránku v obchode, vyberte túto možnosť Obchod Page. Kliknutím na tlačidlo ULOŽIŤ A ZATVORIŤ pre uloženie zmeny.
Doteraz ste úspešne vytvorili vlastnú stránku obchodu WooCommerce pomocou aplikácie Elementor Pro. Môžete ísť na vašom webe.com/obchod skontrolovať výsledok.
Prispôsobte si miniaplikáciu Produkty
Pred zverejnením svojej stránky môžete prispôsobiť miniaplikáciu Produkty tak, aby bola atraktívnejšia. Ak to chcete urobiť, kliknite na miniaplikáciu v editačnom poli a prejdite na kartu Štýl z panela nastavení. Existujú štyri bloky, ktoré môžete otvoriť nasledovne:
Produkty
Tento blok môžete otvoriť a definovať tak medzeru medzi stĺpcami a riadkami. Z tohto bloku môžete tiež nastaviť typografiu (rodinu písiem, veľkosť písma atď.), Ako aj farbu textu prvkov produktu, ako je názov produktu, cena produktu, hodnotenie produktu, produkt atď. Môžete tiež nastaviť orámovanie obrázka produktu,
- Box
V tejto súvislosti Box označuje kontajner každého produktu. Môžete otvoriť blok Box definovať šírku okraja kontajnera, polomer okraja, tieň krabice, farba pozadia, farba orámovania atď.
- Stránkovanie
Ak aktivujete túto možnosť Stránkovanie z bloku Obsah, môžete otvoriť blok Stránkovanie pod záložkou Štýl prispôsobiť stránkovanie. Môžete nastaviť napríklad medzery, farbu orámovania, farbu pozadia atď.
Môžete tiež definovať rôzne parametre pre každý stav (normálny, ukazujúci a aktívny).
- Výpredaj Flash
Keď pridáte nový produkt do služby WooCommerce, môžete nastaviť atribút predajnej ceny, aby ste svojim návštevníkom ukázali, že súvisiaci produkt je zľavnený. Ak to chcete zdôrazniť, môžete na stránke obchodu zobraziť atribút sale, aby zľavnené výrobky mali odznak predaja.
Môžete otvoriť blok Výpredaj Flash prispôsobiť odznak predaja. Môžete definovať prvky, ako je farba textu, farba pozadia, typografia, polomer ohraničenia, veľkosť (šírka a výška), vzdialenosť atď.
Nakoniec
WooCommerce Builder je jednou z funkcií, ktoré ponúka Elementor Pro. Umožňuje vám to vytvoriť webovú stránku personalizovaná a jedinečná platforma elektronického obchodu s WooCommerce a bez kódovania. Nie je potrebné inštalovať a WordPress tému ktorý tvrdí, že je navrhnutý pre WooCommerce. Namiesto toho si môžete vytvoriť vlastné stránky WooCommerce sami pomocou vizuálneho editora Elementor.
Čítajte tiež: Ako pridať delič na vytvorenie sekcie v Elementore
Až do verzie 3.2.2 vám Elementor Pro umožňuje vytvárať iba stránku vlastného obchodu, stránku samostatného produktu a stránky archívu vlastných produktov. Ale Elementor oznámil, že v ďalšej verzii Elementor Pro budete tiež môcť vytvoriť stránku vlastného košíka, stránku vlastného platenia a stránku vlastného zákazníckeho účtu.
Získajte teraz prvok Elementor!
záver
Tu ! To je všetko pre tento článok, ktorý vám ukáže, ako vytvoriť vlastnú stránku pre obchod WooCommerce s Elementorom. Ak máte nejaké obavy, ako sa tam dostať, fdajte nám vedieť v Komentáre.
Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
