Jak vytvořit eCommerce pomocí Avada WooCommerce Builder

Pokud jde o nastavení internetového obchodu, WooCommerce je plugin . Založit internetový obchod a začít prodávat své produkty, jakmile skončíte, je směšně jednoduché. Avada poskytuje komplexní podporu a integraci designu pro WooCommerce, což vám umožní vytvořit obchod vašich snů a zároveň zajistit, aby vypadal přesně podle vašich představ.  

Avada je o tom, že vám dává možnost přizpůsobit vzhled vašeho webu, což se neliší od integrace WooCommerce. Pomocí naší oblíbené sítě pokročilých možností si můžete vybrat ze široké škály přizpůsobení pro různé možnosti designu, včetně:

• WooCommerce má svůj vlastní Avada Global Options Panel, oddělený od hlavního Avada Global Options Panelu.
• Možnosti stránky Avada jsou dostupné pro každý produkt.
• Avada Builder vám umožňuje vytvářet návrhy stránek produktu přetažením prvků.

Chcete-li vytvořit svůj web elektronického obchodu s Avadou. 

Nejprve musíme nainstalovat wooCommerce v Avadě.

• Instalace WooCommerce – pokyny krok za krokem
• Jak přiřadit stránku obchodu k vašemu webu
• Vytváření vašich produktů
• Vytváření produktu Zoom Effect
• Úprava nastavení velikosti obrázku produktu ve WooCommerce.

Instalace WooCommerce – pokyny krok za krokem

Přejděte do Avada > Plugin / Add-ons a vyhledejte plugin , jak je znázorněno na obrázku níže.

Krok 1 plugin WooCommerce .

Krok 2 – Z rozbalovací nabídky vyberte „Instalovat“.

plugin se nainstaluje a aktivuje automaticky.

Krok 3 – Poté by se měl zobrazit průvodce nastavením WooCommerce. Pokud importujete jedno z našich ukázek Woo, jako je Modern Shop nebo Classic Shop, můžete tento krok přeskočit, aniž byste riskovali ztrátu dat. Chcete-li přeskočit dopředu, vyberte z rozbalovací nabídky možnost „Ne právě teď“. Pokud neimportujete jedno z našich ukázek Woo, přejděte k dalšímu kroku kliknutím na tlačítko 'Pojďme!' tlačítko pro zahájení procesu nastavení.

Krok 4 – Postupujte podle pokynů na obrazovce a dokončete proces a zadejte potřebné informace o vašem obchodě. Po dokončení kliknutím na tlačítko „Vytvořit svůj první produkt“ budete moci přistoupit k vytvoření prvního produktu. Případně se můžete vrátit na svůj WordPress Dashboard kliknutím na odkaz umístěný pod oknem nastavení.

Jak přiřadit stránku obchodu k vašemu webu

Jako součást normálního instalačního procesu WooCommerce by měl být spuštěn Průvodce nastavením, který vám umožní nakonfigurovat váš obchod a přiřadit stránky vašeho obchodu zákazníkům. Více informací o stránkách, které vytvoří Průvodce nastavením, naleznete v tomto dokumentu WooCommerce.

Případně, pokud se Průvodce nastavením nezobrazí nebo jej z jakéhokoli důvodu zrušíte, můžete se vždy vrátit do Průvodce nastavením výběrem možnosti Průvodce nastavením z nabídky Nápověda na libovolné stránce WooCommerce, kterou najdete v levé horní části stránky okno.

Stránku obchodu můžete nastavit ručně tak, že přejdete na kartu Produkty v Nastavení WooCommerce – WooCommerce > Nastavení > Produkty – a z rozbalovací nabídky vyberete stránku, která bude hlavní stránkou obchodu. WooCommerce poté zobrazí vaše produkty na této stránce jako výsledek vaší akce.

Zbývající stránky lze nakonfigurovat na záložce Upřesnit, kterou najdete v WooCommerce > Nastavení > Upřesnit .

Vytváření vašich produktů

Krok 1 – Na postranním panelu správce WordPress přejděte na kartu Produkty > Přidat produkt.

Krok 2 – V horní části stránky zadejte název svého produktu.

Krok 3 – Vyplňte pole obsahu příspěvku textem z popisu produktu. V této sekci se zobrazí všechny informace o produktu.

Krok 4 – Vyplňte pole „ Údaje o produktu “ se všemi informacemi o produktu. amp například cena, SKU a doprava.

Krok 5 – Do pole „ Krátký popis produktu “ zadejte stručný popis vašeho produktu, který se zobrazí vedle vašich hlavních obrázků.

Krok 6 – Hlavní doporučený obrázek by měl být umístěn pod polem „ Obrázek produktu “ na pravé straně stránky; Toto je nutné vyplnit u každého produktu.

Krok 7 – Pokud chcete místo jednoho obrázku použít galerii obrázků, přidejte další obrázky do pole „ Galerie produktů

Krok 8 – Do pole „ Kategorie produktů “ zadejte kategorie, které se vztahují k vašim produktům. Dále vyplňte prázdná místa příslušnými štítky pro váš produkt v poli ' Štítky produktu '.

Krok 9 – Jakmile zadáte všechny potřebné informace, klikněte na tlačítko „ Publikovat “ a položka se zobrazí na hlavní stránce vašeho obchodu.

Vytváření produktu Zoom Effect

Pokud používáte rozvržení Avada, musíte se ujistit, že je povolena možnost Zoom obrázků produktů WooCommerce v Avada > Možnosti > WooCommerce > Obecné WooCommerce > Možnost Přiblížení obrázků produktů WooCommerce nebo na kartě Obecné obrázky prvku WooCommerce > Obrázky produktů Přibližte, pokud používáte rozvržení WooCommerce.

Šířka obrázků produktů WooCommerce – Šířka vašeho hlavního obrázku (viz nastavení níže) a skutečná velikost nahraného obrázku musí být větší než nastavení Avada > Možnosti > WooCommerce > Obecné WooCommerce > Šířka obrázků produktů WooCommerce nebo nastavení Max. šířka obrázků produktů v prvku Obrázky produktů Woo. Šířka sloupce kontejneru pro jednu galerii produktů bude určena nastavením, které zvolíte. Jakmile provedete potřebné úpravy, budete připraveni nastavit šířku hlavního obrázku WooCommerce.

Šířka hlavního obrázku WordPress – Nastavení šířky hlavního obrázku WooCommerce najdete v Přizpůsobiteli vašeho webu WordPress. Z ovládacího panelu WordPress přejděte na Vzhled > Přizpůsobit > WooCommerce > Obrázky produktů , kde najdete nastavení Šířka hlavního obrázku; Tím určíte skutečnou velikost obrázku zobrazeného v galerii.

Čím podrobnější bude váš efekt přiblížení, tím větší velikost obrázku jste pro obrázek nastavili. Pro upřesnění, pokud velikost obrázku v nastavení WooCommerce odpovídá šířce obrázku v globálních možnostech Avada, nebude při najetí myší na obrázek na stránce vidět žádné přiblížení. Kromě toho musí být velikost skutečného obrázku, který nahrajete, stejná nebo větší než nastavení šířky hlavního obrázku v návrhu vašeho webu.

Ujistěte se, že po změně velikosti obrázku WooCommerce znovu vytvoříte své miniatury; Tím se vaše nové velikosti obrázků použijí na všechny obrázky, které již byly na váš web nahrány. K tomu můžete použít plugin Regenerate Thumbnails.

Úprava nastavení velikosti obrázku produktu ve WooCommerce.

WooCommerce obsahuje možnosti pro úpravu velikosti obrázků produktů v sekcích Katalog obchodu a Obrázky jednotlivých produktů. Kromě toho existují specifická nastavení Avada, která fungují ve spojení s velikostmi obrázků, které používá váš obchod WooCommerce. Při konfiguraci těchto nastavení velikosti obrázku je důležité mít na paměti, že je třeba vzít v úvahu také nastavení globálních možností Avada. Každou z těchto možností probereme podrobněji později.

Předpokládejme, že obrázky, které nahrajete pro své produkty, jsou u zdroje menší než velikosti obrázků zadané v nastavení WooCommerce. V takovém případě si můžete všimnout určitých nesrovnalostí ve vizuálním rozvržení na front-endu stránek vašeho obchodu; V žádném případě se nejedná o chybu. Je to jednoduše proto, že vaše obrázky byly příliš malé na to, aby je ovlivnilo nastavení WooCommerce. Tato nastavení si můžete představit jako maximální šířku a výšku vašich obrázků z hlediska rozměrů obrázku. Velikost čehokoli, co klesne pod stanovený limit, nebude změněna.

Při konfiguraci vašeho obchodu se ujistěte, že jsou vzaty v úvahu jak nastavení velikosti obrázku WooCommerce, tak skutečná velikost vašich obrázků. Stručně řečeno, vaše obrázky by měly mít stejnou nebo větší velikost než nastavení velikosti obrázku ve vašem obchodě WooCommerce.

Jakékoli změny nastavení velikosti obrázku budou vyžadovat, abyste znovu vytvořili své miniatury, aby se projevily na obrázcích, které již byly na váš web nahrány. Proto se důrazně doporučuje použití plugin Regenerate Thumbnails. Velikost obrazu lze navíc upravit pomocí následujících kroků:

Krok 1 – Na postranním panelu správce přejděte na kartu „ Vzhled “ a poté na kartu „ Přizpůsobit “ a začněte přizpůsobovat svůj web.

Krok 2 – Přejděte na kartu ' WooCommerce ' v horní části stránky.

Krok 3 Image Images konfiguračního okna .

Krok 4 – Když nahrajete obrázky na stránky jednotlivých produktů, vyberte možnost šířky hlavního obrázku. Šířka miniatur je šířka miniatur vašich produktů v katalogu. Do prázdných polí zadejte požadovanou hodnotu šířky.

Krok 5 – Chcete-li znovu vytvořit miniatury poté, co jste změnili velikost obrázků a uložili je, budete muset použít plugin , který najdete v Plugin . Nejprve si nainstalujte plugin a poté přejděte na Správce WP > Nástroje , kde si můžete vybrat, zda chcete znovu vytvořit miniatury obrázků a vytvořit tak nové velikosti obrázků.