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

Ako imate WooCommerce trgovinu, znate da WooCommerce već dolazi sa posebnom arhivskom stranicom koja vam pomaže da predstavite pojedinačne proizvode.

Ali, ovisno o tome što prodajete, ovo nije uvijek najučinkovitiji način da predstavite svoje proizvode.

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

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

Ali ako nikada niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.

Šta možete učiniti sa mrežom WooCommerce proizvoda?

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

Discover Kako instalirati online prodavnicu na WordPress-u pomoću WooCommerce dodatka

• Veleprodaja - 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.
• Katalog proizvoda - slično, ako samo želite prikazati katalog proizvoda koji se lako pregledava, mreža za sortiranje / filtriranje AJAX uštedjet će kupcima vrijeme (i ponovno učitavanje stranice).
• Formular za porudžbinu - ako želite stvoriti obrazac za narudžbu zasnovan na WooCommerce proizvodima, mreža pruža vrlo jednostavan način za to. Dobar je pristup i prikazivanje menija restorana i prihvaćanje narudžbi na mreži.

Kako stvoriti mrežu WooCommerce proizvoda

Koristićemo dodatak Tabela proizvoda WooCommerce. Dodatak je posebno fokusiran na stvaranje mreže proizvoda. I zahvaljujući parametrima sučelja i Shortcodes, možete prilagoditi gotovo svaki aspekt rada vaše mreže.

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

Evo nekih od najkorisnijih funkcija, po mom mišljenju:

• Jednostavno dodajte ili izbrišite kolone Možete čak dodati stupce koji sadrže prilagođena polja ili prilagođene taksonomije, a WooCommerce tabela proizvoda u potpunosti se integrira sa naprednim prilagođenim poljima.
• 4 filter widgets uključeni. Oni vam omogućavaju čitateljima pružanje besprijekornog iskustva nudeći mogućnosti filtriranja na bočnoj traci.
• Podrška za varijacije proizvoda / atribute. Izaberite između 3 različita načina prikazivanja varijacija proizvoda u vašoj mreži.
• Kutije s više izbora. Omogućuje stvaranje obrazaca za narudžbu omogućavajući kupcima odabir više proizvoda prije nego što ih dodaju u svoju košaricu.
• Trenutna pretraga, 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.
• Lazy Load podrška. Korisno za poboljšanje performansi velikih mreža ( iako ovo utič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 treba učiniti je konfigurirati zadanu funkcionalnost vaših mreža. Pogledajte naš korak po korak vodič o tome kako instalirati WordPress dodatak.

To u suštini definira zadano ponašanje kratkog koda. Ali ovo ponašanje možete promijeniti i za pojedinačne mreže dodavanjem parametara kratkom kodu.

Da biste pristupili podešavanjima dodatka, idite na WooCommerce → Podešavanja. Zatim kliknite na karticu Proizvodi i odaberite opciju Tabele proizvoda :

Konfiguriranje izgleda vaših mreža

Prije svega, u odjeljku možete odabrati stil mreže Dizajn stola. To možete učiniti sa:

• Uobičajeno - 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.
• običaj : kada je odabran, proširuje listu opcija za oblikovanje koje vam omogućavaju da prilagodite boje i veličine fonta bez potrebe Prilagođeni CSS.

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

Većina postavki su samorazumljiva, a možete vidjeti da WooCommerce tablica proizvoda dobro obavlja pružanje savjeta za alat ili dokumentaciju kako bi vam pomogli da saznate više o svakoj postavci.

Discover also Kako dodati WooCommerce Store na Facebooku

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

Opet, dodatak odlično radi; onaj koji pruža dodatne informacije za bilo koji od parametara koji bi mogao biti malo težak za razumijevanje. 

Kako kontrolirati zalihe vaše WooCommerce internetske trgovine ? Otkrijte to klikom na ovaj link.

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

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

Nakon dovršetka konfiguracije spremite promjene.

Korak 2: Dodajte WooCommerce Grid Widgete (neobavezno)

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

Da biste mu pristupili, idite na Izgled → Dodaci kao i obično i pomaknite se na željene widgete:

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 na raspolaganju.

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 + in zvijezda« ] prikazuje samo proizvode koji pripadaju vrijeme na kategorije šešira et u zvijezdama
• [ Product_table kategorija= "kape u zvijezda "] prikazuje proizvode koji su da li šešire ou kategorija zvijezda.

Ova pažnja prema malim detaljima čini ono što mreža WooCommerce čini tako velikom. 

Pogledajte 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 za WooCommerce Product Table

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

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

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

1. HBook

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

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

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

Hvala WordPress dodatak HBook, moći ćete da dodate kalendare dostupnosti, cjenovnike i formulare za rezervacije na svoju web stranicu, za samo nekoliko sekundi.

download | Demo | web hosting 

2. WooCommerce Tabs Pro: Dodatne kartice za stranicu proizvoda

Ce WordPress dodatak pruža vam neograničene dodatne kartice na stranici proizvoda.

Njegove glavne karakteristike su: mogućnost promenite naslov kartica, a uređivač za uređivanje prilagođenog sadržaja, strmogućnost zakačenja jezičaka ili ne, izbor ikone za kartice, lako uklanjanje tabs, strprilagođavanje položaja kartica na javnom sučelju, et više ...

download | Demo | web hosting

3. WooCommerce višeslojni referalni dodatak

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.

Njegove značajke uključuju: konfiguraciju personaliziranog ograničenja kredita i otkupa, cjelovite administrativne izvještaje za registrirane korisnike, upravljanje globalnim parametrima ili parametrima specifičnim za proizvod, podrška kratkodlaka, i još mnogo toga.

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

To je WooCommerce pridruženi sistem na više nivoa, nešto što je izvan tipičnog pridruženog transakcionog sistema.

download | Demo | web hosting

Ostali preporučeni resursi

Također vas pozivamo da se konzultirate sa resursima u nastavku kako biste otišli dalje u nadzor i kontrolu vaše web stranice i bloga.

• 9 WordPress tema za stvaranje bio website prodaje proizvoda
• 6 CDN usluge za poboljšanje brzine vašeg WordPress bloga 
• Kako stvoriti svoj partnerski program pomoću WP Affiliate PlatForm
• Kako ručno ažurirati svoje WordPress dodatke

zaključak

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

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

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

...