Kuidas lisada WooCommerce’i toodete võrdlust

Tänapäeval on poe veebisaitide loomine WordPressi abil väga populaarne ja lihtne. Tänu WooCommerce’ile, poodide loomise populaarseimale pistikprogrammile ja paljudele kliendisõbralikele WooCommerce’i teemadele, saavad peaaegu kõik tänapäeval väga kiiresti suurepärase poe teha.

Asjaolu, et selline poe loomise viis on väga populaarne, räägib igapäevasest uute lisandmoodulite loomisest, mis võivad teie saidi täiustamisele kaasa aidata. Toote esitlemine pole kunagi olnud lihtsam, tarbijate tähelepanu võitmiseks on lugematu arv viise.

Üheks selliseks elemendiks on kindlasti WooCommerce’i toodete võrdlus. Seda kasutatakse valitud toodete esitlemiseks nende omaduste võrdlemise teel. Selline esitlusviis on hea nii klientidele kui ka teile. Kui kliendid soovivad konkreetse toote kasuks otsustada, meeldib neile oma valikute selge võrdlus. Saate selle neile hõlpsasti võimalikuks teha.

Lisandmoodul, mis on meie tähelepanu köitnud ja mida leidsime kasulikuks poetoodete võrdlemisel, aga ka paljude muude asjade jaoks, on Qi lisandmoodulid Elementorile. Sellel tööriistal on 60 vidinaga tasuta versioon ja 40+ lisatasuversioon. Kõik vidinad on äärmiselt kasulikud ja võimaldavad lisada oma lehtedele kauneid ja praktilisi elemente vaid paari klõpsuga. Ka kohandamisvalikud on uskumatud, nii et saate hõlpsalt kujundada kõik vidinad, et need sobiksid laitmatult oma veebisaidi kujundusega.

Toodete võrdlusvidinat kasutatakse toodete põhiomadustega kuvamiseks ühes kohas ja klientidele selge teabe pakkumiseks ühes kohas.

Kuidas toote võrdlemise vidin töötab

Selle vidina kasutamine on väga lihtne. Tabelis olevad andmed hangitakse otse tootest endast, käsitsi sisestamisega ei kaasne tavapäraseid tüsistusi. Kõik, mida pead tegema, on valida tabelis olevad tooted ja nendega kaasas olev teave.

Samuti on oluline tabeli stiil ja WooCommerce’i toodete võrdlusvidin annab teile selle jaoks palju võimalusi. Kindlasti on vaikimisi välimus, mille saate kohe, kui vidina lehele sisestate, ja näete kohe, kuidas mõned asjad, näiteks fondid, sobivad teie teema välimusega. Nii et vaid vähese kohandamisega näeb teie laud suurepärane välja.

Kui olete oma tooted ja nendega seotud teabe lisanud, saate alustada toodete võrdlustabeli loomist. See on ühe toote eelvaade, mis on tehtud WooCommerce’i pistikprogrammi abil.

Kuidas võrrelda valitud tooteid

Kui olete sisenenud soovitud lehe muutmiseks Elementori abil, leiate saadaolevate vidinate hulgast tootevõrdluse vidina. Kõigil Qi vidinatel on eriline välimus ja punased ikoonid.

Kui lohistate vidina küljele, märkate, et tabelit pole – ainult teade "Palun valige soovitud tooted ". Loomulikult peate esmalt tooted lisama. Kõik selle elemendi seaded leiate vahekaartidelt Sisu ja Stiil. Vahekaart Täpsemalt pakub ka erinevaid sätteid, kuid need kuuluvad Elementorile ja te juba teate neid, sest igal elemendil on need olemas, need ei ole selle jaoks spetsiifilised.

Nii et alustame. Sisu vahekaardil saate määrata, millised andmed teie toodete võrdlustabelis sisalduvad. Alustuseks lisame lihtsalt tooted.

Samuti saame valida, millises järjekorras valitud tooted tabelisse paigutatakse, kas ID, kuupäeva, juhusliku…

Kuvatavad filtrid on suvand, mis määrab, milliseid andmeid võrdlustabelis kasutatakse. Hetkel on 4 kaupa: pilt, pealkiri, hind ja laoseis, st. kättesaadavus.

Samas saad nimekirjast valida ükskõik mida endale sobivas järjekorras. Oleme oma laua jaoks teinud järgmise valiku:

Märkate, et mõned osad on klikitavad, näiteks toote nimi, mis viib toote lehele, ja loomulikult "lisa ostukorvi", mis võimaldab teil toote ostukorvi lisada kohapeal. Loomulikult ei pea lisamine ostukorvi olema teie laua osa, kuid enamikul juhtudel on see väga kasulik.

Nupu seaded on seotud ostukorvi lisamise nupuga. Need seaded on olulised, kui otsustate need tabelisse lisada. Saadaval on mitu paigutust ja nuputüüpi. Samuti saate nupule lisada ikooni ja muuta selle veelgi huvitavamaks. Kõik sõltub teie vajadustest ja meie nõuanne on uurida kõiki võimalusi. Me ei hakka neid kõiki eraldi läbi vaatama, kuna need on intuitiivsed ja näete ka kõiki tehtud muudatusi otse ekraani paremas servas ning saate kõigest väga lihtsalt ise aru.

Reitinguvalikud on loogiliselt seotud kuva reitingutega, kui olete otsustanud olla oma kuva lahutamatu osa. Kuigi tärnid on kõige levinum viis hinnangu kuvamiseks, ei tähenda see, et te ei saaks valida ühtegi teist ikooni. Ikooniteek on teie käsutuses, kuid võite ka ise lisada soovitud SVG.

Nagu me ütlesime, kasutatakse kuvatavate andmete valimiseks vahekaarti Sisu ja nüüd liigume vahekaardile Stiil, kus saame iga valitud elemendi stiilida.

Seadistused on rühmitatud ja esmapilgul on selge, kus seaded asuvad. Muidugi minge igast rühmast läbi, et näha, mis seal on. Värvide, veeriste, tüpograafia ja suuruse valikuvõimalused hämmastab teid, kui mõistate, kui palju detaile saate kohandada.

Me ei taha kõiki valikuid läbi vaadata, sest oleme kindlad, et teil on huvitav uurida ja mängida, me vaatame läbi vaid paar olulist.

Pildi stiil on huvitav ja oluline valik. Kogemusest teame, et sageli ei ole kõikidel toodetel samade mõõtmetega esiletoodud pilti (pilt, mis kujutab toodet ja mis on ka meie tabelis). Siis tekib probleem, et tabelis olevaid pilte näidatakse erinevates mõõtmetes. Seetõttu on meie jaoks olulised ruut-, maastik-, portree- ja kohandatud valikud, kuna need võimaldavad meil määrata pildid sama suurusega. Huvitavad on ka muud võimalused ja me kasutame neid kõige sagedamini siis, kui esiletoodud piltide suurustes pole suuri kõrvalekaldeid.

Nupu stiilivalikud on ka midagi, mida me enamikul juhtudel vajame, et kohandada nuppu vastavalt teema välimusele. Kuigi sellel on vaikimisi välimus ja see võib muutumatuks jääda, soovite tõenäoliselt seda veel veidi kohandada.

Saate muuta tausta, kogu subtiitrite tüpograafiat, korraldada polsterdust… Ja saate ka määrata, kuidas hõljutusnupp välja näeb.

Hindamisstiil sisaldab muuhulgas võimalusi kasutatavate ikoonide suuruse muutmiseks, mis võivad olla teile olulised, aga ka nendevahelise ruumi jaoks ning hinnangu märgitud ja märgistamata osade stiliseerimiseks.

Ja kuidas see välja näeb, kui laseme fantaasial vabalt lennata… Näete, et viimasel tootel pole hinnangut, põhjus – keegi pole seda hinnanud ja nagu näete, on see väli tühi. Kui teile meeldib tühi väli, saate reitinguvälja hõlpsalt mõne muu elemendiga asendada. Muidugi, kui tabel on seatud, saab selles olevaid andmeid muuta…

Kokkuvõtteks

Ostlejaid on palju erinevaid, kuid üldiselt meeldib kõigile korralik toodete võrdlustabel. Nagu näete, on Qi Addonsiga toodete võrdluse lisamine nii lihtne kui võimalik, nii et pole vaja kõhkleda isegi siis, kui olete WordPressi täielik algaja – saate lisada ilusaid kohandatud toodete võrdlustabeleid ilma pingutuseta ja ilma liiga palju oma raha investeerimata. aega sellesse. Kui olete selgeks saanud, kuidas Qi lisandmoodulid lihtsalt töötavad, olete kindlasti huvitatud oma veebipoodi kasulike elementide lisamisest, nagu lahtiolekuajad, Elementori protsessi vidin või võib-olla soovite uurida, kuidas konkreetset sisu esile tõsta. tekst. Kindlasti on palju erinevaid viise, kuidas muuta oma veebisait köitvamaks ja atraktiivsemaks, rääkimata ka kasumlikumaks.