Jeste li ikada željeli stvoriti razvrstavajuću i filtrirajuću mrežu koja sadrži sve ili dio vaših WooCommerce proizvoda?

Ako upravljate trgovinom WooCommerce, znate da WooCommerce već dolazi s namjenskom arhivskom stranicom koja vam pomaže u izlaganju pojedinih proizvoda.Kako stvoriti mrežu za WordPress woocommerce proizvode 1

No, ovisno o tome što prodajete, ovo nije uvijek najučinkovitiji način prezentacije svojih proizvoda.

U nekim je slučajevima prikazivanje WooCommerce proizvoda u mreži efikasnije.

A ako to zvuči kao situacija u kojoj se nalazite, u redu ste jer ću vam pokazati kako stvoriti mrežu svojih WooCommerce proizvoda.

Ali ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Što možete učiniti s mrežom WooCommerce proizvoda?

Iako nije cjelovit popis, evo nekoliko situacija u kojima mreža proizvoda posjetiteljima može pružiti bolji doživljaj od vaše uobičajene stranice arhive:

Otkrijte Kako instalirati mrežnu trgovinu na WordPress s dodatkom WooCommerce

  • Veleprodajne trgovine - ako prodajete puno proizvoda na veliko, pružanje vaših kupaca jednostavnog načina sortiranja ili filtriranja mreže može biti jednostavnije za upotrebu od pretraživanja pojedinačnih stranica proizvoda.
  • Katalozi proizvoda - slično, ako samo želite prikazati katalog proizvoda koji se lako kreće, mreža za sortiranje / filtriranje AJAX uštedjet će kupcima vrijeme (i ponovno učitavanje stranice).
  • Obrasci narudžbe - ako želite stvoriti obrazac za narudžbu na temelju proizvoda WooCommerce, mreža nudi vrlo jednostavan način za to. Dobar je pristup i prikazivanje jelovnika u restoranu i prihvaćanje internetskih narudžbi.

Kako stvoriti mrežu WooCommerce proizvoda

Koristit ćemo dodatak Tablica proizvoda WooCommerceDodatak je posebno usmjeren na stvaranje mreže proizvoda. I zahvaljujući parametrima sučelja i kratki kôd, možete prilagoditi gotovo svaki aspekt načina na koji vaša mreža funkcionira.

Pročitajte i naš vodič na: Kako povećati vrijeme provedeno na vašem WordPress blogu

Evo nekih od najkorisnijih značajki, po mom mišljenju:

  • Jednostavno dodajte ili izbrišite stupce Možete čak dodati stupce koji sadrže prilagođena polja ili prilagođene taksonomije, a tablica proizvoda WooCommerce u potpunosti se integrira s naprednim prilagođenim poljima.
  • Uključeni su widgeti za filtre 4. Oni vam omogućuju čitateljima pružanje besprijekornog iskustva nudeći mogućnosti filtriranja na bočnoj traci.
  • Podrška za varijacije proizvoda / atribute. Odaberite između 3 različita načina prikazivanja varijacija proizvoda u mreži.
  • Kutije s više odabira. Omogućuje stvaranje obrazaca za narudžbu omogućavajući kupcima odabir više proizvoda prije dodavanja u košaricu.
  • Automatsko pretraživanje, sortiranje i filtriranje , Korisnici mogu manipulirati mrežnim podacima bez ponovnog učitavanja stranice.
  • Dodaj u košaricu , Slično tome, kupci mogu dodati proizvode u svoje košare bez ponovnog učitavanja stranice.
  • Podrška za lijeni teret, Korisno za poboljšanje performansi velikih mreža ( iako to utječe na mogućnost trenutnog sortiranja ili filtriranja )

Evo kako koristiti ovaj dodatak ...

1 Korak: Konfigurirajte značajku zadane mreže

Nakon instaliranja i aktiviranja dodatka, prvo što trebate učiniti je konfigurirati zadanu funkcionalnost vaših mreža. Pogledajte naš korak po korak vodič kako instalirati WordPress dodatak.

To u osnovi definira zadano ponašanje kratkog koda. No takvo ponašanje možete promijeniti i za pojedinačne mreže dodavanjem parametara kratkom kodu.

Da biste pristupili postavkama dodatka, idite na WooCommerce → Postavke. Zatim kliknite karticu Proizvodi i odaberite opciju Tabele proizvoda :

dodajte stupce proizvoda woocommerce wordpress.png

Konfiguriranje izgleda vaših mreža

Prije svega, u odjeljku možete odabrati stil mreže Izrada tablice, To možete učiniti s:

  • Zadano - kao što možete zamisliti, ova opcija koristi zadane postavke dodatka bez ikakvih daljnjih intervencija s vaše strane. Pokušat će iskoristiti trenutnu temu vašeg bloga što je više moguće.
  • Personnalisé : kada je odabran, proširuje popis mogućnosti oblikovanja koji vam omogućuje prilagodbu boja i veličina fonta bez potrebe Prilagođeni CSS.

prilagodite tablicu proizvoda css.png

Nakon što postavite svoj stil, morate konfigurirati zadane vrijednosti kratkog koda. Opet ih možete urediti za pojedine kratke kodove preko parametara ove potonje. No postavljanjem ćete uštedjeti vrijeme i kasnije malo olakšati stvari.

konfiguriranje postavki tablice proizvoda.png

Većina je postavki nerazumljive, a možete vidjeti da WooCommerce tablica proizvoda čini dobar posao pružanja savjeta za alat ili dokumentaciju koji će vam pomoći da saznate više o svakoj postavci.

Otkrijte također Kako dodati WooCommerce trgovine na Facebooku

Nakon što postavite zadane vrijednosti kratkih kodova, možete se pomicati dalje kako biste konfigurirali naprednije postavke izgleda i značajki.

napredna konfiguracija tablica proizvoda.png

Opet, dodatak izvrsno radi; onaj koji će pružiti dodatne informacije o bilo kojem od parametara koje je možda malo teško razumjeti. 

Kako kontrolirati zalihe vaše web trgovine WooCommerce ? Otkrijte to klikom na ovu vezu.

Jedna stvar na koju treba obratiti pažnju je ograničenje progresivnog naboja. Ako se odlučite za progresivno učitavanje kako biste ubrzali internetsku trgovinu, ograničit ćete funkciju pretraživanja i sortiranja dodatka.

Pogledajte i naš izbor 12 najbolji WooCommerce dodaci za poboljšanje vaše internetske trgovine

Nakon dovršetka konfiguracije spremite promjene.

2 Korak: Dodajte WooCommerce Grid Widgete (neobavezno)

Kao što sam spomenuo, WooCommerce Product Table također nudi četiri widgeta koji će vam pomoći da dodate mogućnosti filtriranja na bočnu traku ( kao što to možete za klasične trgovine WooCommerce ).

Da biste mu pristupili, idite na Izgled → Widgeti kao i obično i prijeđite prstom preko željenih dodataka:

tablica widgeta woocommerce.png

Korak 3: Dodajte kratki kôd tamo gdje želite prikazati mrežu proizvoda

Na cilju ste! Sada sve što trebate je dodati kratki kôd [product_table] gdje god želite da se pojavi vaša mreža.

Otkrijte i vi Kako pronaći link na WordPress stranicu za prijavu

Prema zadanim postavkama, kratki kôd će raditi prema postavkama koje ste odabrali u koraku 1. Ali ako želite prilagoditi funkcionalnost za određene kratke kodove, to možete učiniti pomoću mnogi parametri kratkog koda dostupni.

Na primjer, da biste mrežu koristili samo na proizvodima određene kategorije, možete dodati parametar poput ovog:

[product_table kategorija="kape"]

Možete čak biti kreativni i koristiti uvjete AND / OR.

Na primjer:

  • [product_table kategorija= "kape + u zvijezda« ] prikazuje samo proizvode koji pripadaju fois na kategorije šešira et u zvijezdama.
  • Product_table kategorija= "kape Na zvijezda "] prikazuje proizvode koji su soit kape ou kategorija zvijezda.

Upravo ova pažnja sitnim detaljima čini mrežu mreža WooCommerce tako velikom. 

Vidi i naše 6 WordPress dodataka koji će udahnuti novi život vašim člancima

I to je otprilike sve što postoji s mrežom proizvoda na WooCommerceu!

Cijene dodatka WooCommerce Product Table

WooCommerce Product Table isključivo je premium dodatak. Iako je u direktoriju WordPress.org navedeno nekoliko besplatnih opcija, nisam pronašao niti jednu tako fleksibilnu ili dobro dokumentiranu, pa mislim da WooCommerce tablica proizvoda vrijedi cijene, koja je ...

Za web mjesto 1 - 75 dolara

Za web lokacije 5 tkanje - 135 dolara

Za web stranice 20 - 275 dolara

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. HBook

HBook je a WordPress proširenje koji će vam omogućiti da jednostavno kreirate rješenje za online rezervacije na vašoj web stranici.

Hknjiga

Savršeno je pogodan za sve koji posluju u hotelskom sektoru (hoteli, apartmani za odmor, kampiranje itd.).

Otkrijte i naše 5 WordPress dodataka za dijeljenje sadržaja vašeg bloga

s WordPress plugin HBook, moći ćete dodati kalendare dostupnosti, cjenike i obrasce za rezervaciju na svoju web stranicu, u samo nekoliko sekundi.

Preuzmite | demo | Web hosting 

2. WooCommerce Tabs Pro: Dodatni kartice za stranicu proizvoda

Ce WordPress plugin nudi vam neograničen broj dodatnih kartica na stranici proizvoda.Dodatni kartice-proizvod-stranice WordPress-plugin-to-page-graditelj

Njegove glavne značajke su: mogućnost za promijenite naslov kartica, a uređivač za uređivanje prilagođenog sadržaja, strmogućnost pričvršćivanja jezičaka ili ne, izbor ikone za kartice, jednostavno uklanjanje karticama, strprilagodba položaja kartica na javnom sučelju, et više ...

Preuzmite | demo | Web hosting

Ovaj dodatak WooCommerce omogućava vašim podružnicama da zarade kreditne bodove ako njihovi pretplatnici kupuju vaše proizvode iz vaše postojeće internetske trgovine.

Woocommerce višerazinski dodatak za preporuke

Njegove su značajke, između ostalog: konfiguracija personaliziranog ograničenja kredita i otkupa, cjelovita administrativna izvješća za registrirane korisnike, upravljanje globalnim parametrima ili parametrima specifičnim za proizvod, podrška kratkim kodovima, i još mnogo toga.

Otkrijte i vi Kako dodati padajući kontakt obrazac u globalno zaglavlje

To je WooCommerce višerazinski pridruženi sustav, nešto što je izvan tipičnog pridruženog transakcijskog sustava.

Preuzmite | demo | Web hosting

Ostali preporučeni resursi

Također vas pozivamo da se savjetujete sa donjim izvorima kako biste poboljšali i kontrolirali svoju web stranicu i blog.

Zaključak

To je to! To je to za ovaj udžbenik. Nadam se da ćete moći stvoriti rešetke proizvoda WooCommerce na WordPressu. slobodno se podijelite savjet sa svojim prijateljima na svojim društvenim mrežama.

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

Ali, u međuvremenu, recite nam nešto o svom Komentari i prijedloge u posebnom odjeljku.

...