Pokud jde o nastavení internetového obchodu, WooCommerce je plugin pro přechod na web. Zřídit internetový obchod a začít prodávat své výrobky, jakmile skončíte, je směšně jednoduché. Avada poskytuje komplexní podporu a integraci designu pro WooCommerce, což vám umožní vytvořit si obchod snů a zároveň zajistit, aby vypadal přesně v takovém rámu, jaký máte na mysli.
Avada je o tom, že vám dává možnost přizpůsobit vzhled vašich webových stránek, 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 návrhu, včetně:
- WooCommerce má svůj vlastní panel globálních možností Avada, oddělený od hlavního panelu globálních možností Avada.
- Možnosti stránky Avada jsou k dispozici pro každý produkt.
- Avada Builder vám umožňuje vytvářet návrhy produktových stránek přetahováním prvků.
Chcete -li vytvořit svůj eCommerce web s Avadou.
Nejprve musíme do Avady nainstalovat wooCommerce.
- Instalace WooCommerce - pokyny krok za krokem
- Jak přiřadit stránku obchodu vašemu webu
- Vytváření vašich produktů
- Vytváření produktu Efekt zoomu
- Úprava nastavení velikosti obrázku produktu ve WooCommerce.
Instalace WooCommerce - pokyny krok za krokem
Přejít na Avada> Plugin s / Add-ons a vzhled pro WooCommerce plugin , jak je vidět na snímku níže.
Krok 1 - Nainstalujte si plugin WooCommerce .
Krok 2 – Z rozbalovací nabídky vyberte „Instalovat“.
plugin bude nainstalován a aktivován 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 „Nyní není“. 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 vašemu webu
V rámci běžného procesu instalace WooCommerce by měl být spuštěn Průvodce nastavením, který vám umožní konfigurovat váš obchod a přiřadit stránky vašeho obchodu zákazníkům. Více informací o stránkách, které Průvodce instalací vytvoří, najdete v tomto dokumentu WooCommerce.
Alternativně, pokud se Průvodce instalací 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 Průvodce nastavením z nabídky Nápověda na jakékoli stránce WooCommerce, kterou najdete v levém horním rohu 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 konfigurovat na kartě 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 produktu “ se všemi informacemi o produktu. například cena, SKU a doprava amp
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 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 Efekt zoomu
Pokud používáte Avada Layouts, musíte se ujistit, že je povolena možnost Přiblížení obrázků produktů WooCommerce v Avada > Možnosti > WooCommerce > Obecné WooCommerce > Možnost Přiblížení obrázků produktů WooCommerce kartě Obecné obrázky prvku Obrázky produktů Přibližte , pokud používáte rozvržení WooCommerce.
Šířka obrázků produktů WooCommerce – Šířka 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 efekt zoomu, tím větší velikost obrázku jste pro svůj 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 Avady, nebude při zobrazení myši na obrázku 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 designu vašeho webu.
Po změně velikostí obrázků WooCommerce zajistěte, aby se vaše miniatury znovu vygenerovaly; To použije vaše nové velikosti obrázků na všechny obrázky, které již byly nahrány na váš web. 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 sekci Katalog obchodu a Obrázky jednotlivých produktů. Kromě toho existují specifická nastavení Avada, která fungují ve spojení s velikostmi obrázků používanými ve vašem 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. Později si každou z těchto možností projdeme podrobněji.
Předpokládejme, že obrázky, které nahrajete pro své produkty, jsou u zdroje menší než velikosti obrázků uvedené v nastavení WooCommerce. V takovém případě si můžete všimnout určitých nesrovnalostí ve vizuálním rozložení na front-endu vašich stránek 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 nastavení WooCommerce ovlivnilo. Tato nastavení můžete považovat za maximální šířku a výšku svých obrázků, pokud jde o rozměry obrázku. Cokoli, co klesne pod stanovený limit, nebude změněno.
Při konfiguraci svého obchodu se ujistěte, že je zohledněno 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 v nastavení velikosti obrázku budou vyžadovat znovu generování miniatur, aby se projevily na obrázcích, které již byly nahrány na váš web. Proto je použití plugin Regenerate Thumbnails velmi doporučeno. Velikosti obrázků 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 – Nastavení Images (Obrázky) pro obrázky jednotlivých produktů lze nalézt na kartě 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 plugin Regenerate Thumbnails , který najdete v sekci 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ů.
