Bygg en nettbutikk med Joomla og Wegy Template

Vi har allerede vurdert Wegy - en flerbruksmal for Joomla laget av Temp. Tidligere fokuserte vi på funksjonene som en forretningsmal for bedriftsnettsteder og destinasjonssider.

Men siden den siste oppdateringen er Wegy utstyrt med fullverdig e-handelsfunksjonalitet. Den leveres med et bredt utvalg av forhåndsdesignede sider for online selgere (Shop hjemmeside, enkelt produkt, lister, frakt og levering sider, og så videre); det støtter produktbildeskyzoom, flere valutaer og mange andre e-handelsorienterte funksjoner. Med VirtueMart som e-handelsløsning er Wegy enkel, fleksibel og effektiv når det gjelder salg av online.

Oppsummering

I dag vil vi hjelpe deg med å tilpasse din Wegy-baserte nettbutikk, slik at du kan sette opp e-handelsvirksomheten din på nesten ingen tid. Her er hva som er på listen vår:

• Hvordan installere Wegy;
• Hvordan implementere din egen logo;
• Hvordan endre malens fargevalg;
• Hvordan lage VirtueMart til forsiden din;
• Hvordan tilpasse statiske tekstblokker;
• Hvordan jobbe med menyer;
• Hvordan sette opp glidebrytere.

La oss komme i gang.

Installasjon av Wegy Template

Det er to måter å installere Wegy på. Du kan enten installere alt på en gang eller bare malen. I denne guiden vil vi bruke impliser installasjon via å laste opp innholdet av fullpackage.zip.

1. Pakk ut fullpackage.zip, som inneholder Joomla, Wegy og alle utvidelsene, og laster den opp til rotmappen på hostingkontoen din.
2. Gå til nettstedet ditt, og du vil se installasjonsmeldingen.
3. Fortsett gjennom standard Joomla installasjonsprosess. ! Eksporter eksempeldata på det tredje trinnet for å få tilgang til forhåndsinnstilte sider, artikler og VirtueMart-produkter. Det er mye lettere å endre dem enn å lage alt fra bunnen av!
4. Ikke glem å slette installasjonsmappen.

Gratulerer, installasjonen er over! Nå kan du bla gjennom nettstedet ditt eller logge på Joomla Kontrollpanel for å tilpasse malen.

(PS. Vi har et spesialtilbud for denne malen som skjer akkurat nå - få 10% AV til September 2023 bruke kupongkode: collectiveraytm10)

Live demo  Få 10% AV til September 2023 - Kupong: collectiveraytm10

Innledende tilpasning

La oss starte med det grunnleggende. For å tilpasse Wegy-butikken din, må du bytte den ut logoer, statiske tekstblokker som kontaktdata og “Om oss”, og, kanskje, endre nettstedets fargevalg.

Implementere din egen logo

Logg på kontrollpanelet og gå til maler > theme3092 - Shop.

1. Gå til "Layout'fanen og finn'Logoinnstillinger'element;

2. Last opp ditt nye logo bilde;

3. Klikk på 'innfelt';

4. Og lagre endringene.

Merk at filnavnet bare skal inneholde alfanumeriske tegn - ingen mellomrom er tillatt.

Endring av metainformasjonen

1. Gå til VirtueMart> Handle i kontrollpanelet ditt;

2. Her kan du endre butikkens navn, leverandørnavn, butikkbeskrivelse, servicevilkår, juridisk informasjon og ulike metainformasjoner: nøkkelord, beskrivelse og mange flere.

Sette opp kontaktinfo

Det er to posisjoner som må tilpasses i utgangspunktet - 'sup-top' (et smalt panel over toppteksten) og 'copyright' (bunnteksten). For å bla gjennom og endre moduler som tilhører disse posisjonene, gjør du neste:

1. Gå til utvidelser > Moduler;

2. Finn 'Velg posisjonpå sidefeltet. Velg 'sup-top'. Nå må du redigere moduleneSted'Og'info'. Bare klikk på dem, erstatt informasjonen med din egen og klikk "Lagre".

Samme med bunnteksten.

1. In utvidelser > Moduler > filtre > Velg posisjon, velg 'copyright';

2. Finn alle modulene med 'Egendefinert HTMLtype, og rediger dem i WYSIWYG-redigereren. Når du redigererOm'-modulen erstatter den originale Wegy-logoen med din egen - og den vises i bunnteksten.

Tilpasse funksjoner

Det er tre blokker med firmafunksjonene dine kalt 'Gratis frakt', 'Support' og 'Order Return'.

Hvis du er logget inn som administrator, kan du endre dem rett fra frontend. Bare klikk på det lille ikonet over modulen - så blir du omdirigert til WYSIWYG-redigereren.

Redigere et fargevalg

1. Gå til brukere > Brukerbehandling > Legg til ny bruker og fyll ut alle skjemaene som er nødvendige for å opprette en ny bruker;

2. Tilordne den til gruppen Superbrukere i den andre fanen, og lagre;

3. Logg på som denne nyopprettede brukeren i uttrekksmenyen på fronten.

4. Du vil se et Style Switcher-panel til venstre. Velg en av fire stiler og trykk 'Spar'.

Wegy bruker LESS forprosessor for å forbedre CSS-koden. Takket være variabler introdusert i LESS du kan endre fargeskjemaet på hele nettstedet ditt med ett klikk. For å redigere disse ordningene må du grave i CSS -filene i malen.

Live demo Informasjon

Menyer

Det er på tide å ta vare på butikkens navigering. Mange elementer i denne malen tilhører menyer - til og med sosiale medier-knapper i bunnteksten.

Du kan omorganisere menyposisjoner og deres hierarki på en enkel dra-og-slipp-måte.

1. Gå til Kontrollpanel> Menyer> Hovedmeny> Legg til ny meny Punkt;

2. Gi det et navn og spesifiser typen. La oss som et eksempel plassere en lenke til Kunena Forum-styret her. Plukke Kunena Forum> Kategoriliste.

3. Lagre menyen. Det skal vises på hjemmesiden din.

***

1. For å administrere dine sosiale medieknapper åpne Kontrollpanel> Menyer> Sosiale medier;

2. Åpne et hvilket som helst menyelement og lim inn URL-en til den respektive sosiale mediekontoen. Lagre menyen.

Nå kobler ikoner i bunnteksten til dine sosiale profiler.

Live demo Informasjon

Mega-menyen

Mega-menyfunksjonaliteten til Wegy er drevet av Ice Mega Menu-plugin.

Når du redigerer eller oppretter et menyelement, kan du gå til 'IceMegaMenu' -fanen og angi antall kolonner. Hvis det er mer enn 1, blir det til en mega-meny. Ja, det er så enkelt. Alt du trenger å gjøre er å ordne kolonner riktig og definere bredden i prosent. Riktig. Som dette:

Wegys eksempeldata inkluderer to ferdige mega-menyer som du kan øve deg på. I vårt eksempel la vi til 'Accessorieskolonne og endret banneret og dets posisjon.

Angir butikken din som startside

Hvis du vil bygge en butikk-første webside, vil du sannsynligvis ønske å sette butikken som hjemmesiden til hjemmesiden din. Slik kan du gjøre det:

1. Gå til Menyer> Hovedmeny> Legg til nytt menyelement  i kontrollpanelet ditt;
2. Gi det et unikt navn. Ved siden av Menyelementtype klikk på Plukke ut knappen. Klikk VirtueMart fra listen, og klikk deretter Forside;

3. Klikk på 'Spar'.

4. Gå nå til Menyer> Hovedmeny, finn den nye menyen og klikk på stjernen ved siden av den.

Sjekk nå forsiden av nettstedet ditt (f.eks. Https://wegystore.com/). Hvis du har gjort alt riktig, vil du se butikkens hjemmeside.

Sliders

Glidebryteren under overskriften bruker artiklene dine som lysbilder. For å få et bedre resultat, må du bruke store bilder med høy oppløsning, som fortsatt vil se bra ut når de strekkes over siden.

1. Gå til Utvidelser> Moduler i kontrollpanelet;
2. Finn det Sequence Slider Shop modul;

3. I den første kategorien velger du en artikkelkategori som skal vises, eller fjern publiseringen av modulen hvis du ikke trenger en glidebryter.

Det er mange flere måter å forbedre Joomla-butikken din med Wegy på; vi nevnte bare de viktigste. For dyp tilpasning, sjekk dokumentasjonsmappen fra Wegy-pakken.

Få Wegy hit

(PS. Vi har et spesialtilbud for denne malen som skjer akkurat nå - få 10% AV til September 2023 bruke kupongkode: collectiveraytm10)

Live demo Informasjon

De fulle detaljene om hva som er i Wegy

Wegy er et slags revolusjonerende tema for TM, da det forener alle de beste ideene til selskapet og er skapt med de nyeste IT-trender og konsepter.

Den leveres også med 14 forhåndsdesignede sider som er et must for et oppdatert nettsted, og på grunn av dette trenger du ikke å designe dem selv. I tillegg inneholder den fire fargevalg som lar deg endre paletten til nettstedet ditt med et enkelt klikk.

Så, la oss se nærmere på noen av funksjonene som gjør Wegy unik.

SEO optimalisering

Temaet er SEO optimalisert som standard, så det vil bli rangert av alle søkemotorer, og dermed gi mer trafikk til nettstedet ditt.

Fast mega-meny

Den neste er en fast megameny. Dette sikrer bedre navigering og lar deg organisere innholdet i logiske grupper. På denne måten vil brukerne kunne finne produktene de er interessert i, mye raskere.

Glidebryter for full bredde

Som det er den siste trenden, er en glidebryter i full bredde øverst på hjemmesiden et slags varemerke for virksomheten din, og også en fin måte å vise frem produktene og tjenestene du tilbyr. Image Swoop Module lar deg lage en tiltalende glidebryter på bare noen få minutter.

Google Fonts

Google-skrifter lar deg bringe mer individualitet til nettstedet og forbedre nettleseropplevelsen til de besøkende.

Skalerbare vektorikoner

Ved hjelp av skalerbare vektorikoner kan du legge til litt stil på nettstedet ditt med et par klikk. Ikonene kan tilpasses fullt ut. Du kan fritt endre farge, skygger og størrelse.

Lazy Load

Lat belastningseffekt - en av de mest effektive egenskapene til Wegy. Det sørger for at elementene som ikke er synlige, ikke lastes før de er rullet ned. Det hjelper med andre ord sidene lastes raskere og reduserer serverbelastningen sterkt.

Bootstrap aktivert + Responsiv

Bootstrap - dette rammeverket tilbyr et kraftig sett med funksjoner som vil hjelpe deg med å forbedre ytelsen til nettstedet og gjøre nettstedet responsivt på forskjellige enheter. Den tilbyr en samling ferdige kodestykker som du kan bruke til å gjøre nettstedet mer personlig.

Responsiv design lar nettstedet ditt og innholdet tilpasse seg hvilken som helst skjermoppløsning, slik at det vil fungere bra på alle enheter, inkludert stasjonære datamaskiner, nettbrett og smarttelefoner.

GoogleMap-støtte

Vis publikum hvor bedriften din ligger på GoogleMap og fortell dem hvordan de kommer til kontoret ditt.

10+ mediamoduler

10+ mediamoduler vil forbedre nettstedets funksjonalitet og sikre optimal navigering. Med dette temaet får du:

• Joomla
• Sosial innlogging,
• Live chat med Olark Add Counters,
• Integrering av sosiale nettverk med Addthis,
• og en rekke andre mediemoduler.

Nyhetsbrev støtte

Ved hjelp av et kraftig nyhetsbrevskjema kan du konvertere besøkende til abonnenter og til slutt til kunder

Parallaks effekt

En av de mest slående egenskapene til Wegy er bruken av Parallax. Denne effekten lar bakgrunnen bevege seg langsommere til forgrunnen når du blar nedover. På denne måten får du en 3D-effekt som gir litt ekstra stil til siden.

Dette er bare noen få av Wegy-funksjonene, siden listen er ganske lang, og det vil ta litt tid å se på hver av dem individuelt. Du kan installere temaet og sjekke alle fordelene selv.

Opprinnelig var dette temaet designet for forretnings- og økonomiske nettsteder, men takket være avanserte alternativer kan det tilpasses enhver annen type virksomhet. Du kan enkelt tilpasse den til en personlig blogg, portefølje, bedriftsside osv. Sjekk Live demo og Informasjon på Wegy.

Wegy har hatt en rekke oppdateringer, der en rekke nye funksjoner og forbedret noen av de gamle. Hvis du allerede bruker denne malen, vil du være glad for å vite at den nå kan bli en fullverdig nettbutikk. Hvis du bare blir kjent med Joomla, kan Wegy bli et flott utgangspunkt for ditt fremtidige nettsted.

Siden det er en flaggskipmal fra Joomla samling av TemplateMonster, kan du være sikker på at andre funksjoner er laget på høyeste nivå også.

Denne store oppdateringen, som består av mindre reparasjoner og forbedringer, introduserer flere nye sidetyper, alternative sideoppsett, e-handelsintegrasjon og en mengde mindre forbedringer. La oss nå gå videre til de nylig tilføyde funksjonene, som tilbys av Wegy:

Nye funksjoner

I tillegg til forbedringene i eksisterende funksjoner, introduserer denne versjonen av Wegy en serie nye. Du vil utvilsomt finne dem nyttige,

E-handel integrasjon

Kanskje den mest massive og viktige nyvinningen av oppdateringen er den komplette e-handelskompatibiliteten til Wegy-baserte nettsteder. Joomla er et av de etablerte innholdsstyringssystemene, og har mange utvidelser, inkludert fullverdige e-handelsløsninger som VirtueMart.

Wegy har nå forhåndsinnstilte nettbutikksider tilgjengelig i den siste oppdateringen av Wegy, og du kan bruke all kraften i denne utvidelsen til å selge ting på nettet.

Høyre-til-venstre språkstøtte

Wegy støtter nå språk med skript fra høyre til venstre. Vi vet at Joomla er spesielt populær i arabiske land, og det er over en milliard mennesker som bruker språk med høyre-til-venstre-skript.

flerspråklig Støtte

Med støtte fra flere språk kan du nå oversette nettstedsgrensesnittet til så mange språk som du trenger for å gjøre det virkelig internasjonalt.

Flere valutaer

Nå som du kan bygge en nettbutikk med Wegy, støtter temaet også flere valutaer. Med denne funksjonen kan du akseptere betalinger i flere forskjellige valutaer, og dermed øke antall potensielle kunder og som en konsekvens av inntekten din.

FormBuilder

Dette verktøyet uten krav til kodingsferdigheter, gjør at du kan få kontakt med leserne / kundene dine ved hjelp av tilpassbare kontaktskjemaer.

Bildeoptimalisering

Alle bildene som kommer med Wegy er komprimert uten tap av kvalitet. Så besøkende vil kunne nyte bilder av høy kvalitet og høy lastehastighet.

Parallax

Denne moderne designtrenden, uunnværlig for en moderne nettbutikk, vil også være nyttig for å krydre forretningssider. Når den brukes med HD-bilder, kan den levere en uovertruffen brukeropplevelse.

Nye sideoppsett

Oppdateringens e-handel gjenspeiles i flere nye sideoppsett. De fleste av dem er designet spesielt for nettbutikker, selv om eiere av bedriftsnettsteder også har noe å se på. Her er en kort oversikt over dem:

Hjemmesideversjon 2

Den alternative versjonen av en Wegy-hjemmeside, laget for bedriftsnettsteder og destinasjonssider. Den inneholder mer monokratiske flate elementer og er derfor mer mettet.

Noen viktige elementer som titler i pristabellene bruker en større skrift. Det vil være nyttig hvis du bruker hjemmesiden din som landingsside. Numerisk statistikk presenteres som forhåndslaster, mens det i den første versjonen var tellere.

Kontakt side versjon 2

Selve den nye hjemmesiden inneholder mer kontaktinformasjon enn den opprinnelige: den har en ekstra overskriftslinje med adressen og telefonnummeret ditt.

Kontaktsiden er også forbedret. Nå har den en Google Maps-widget på sidebredde, der du kan markere plasseringen til kontoret ditt. Ikonene og koblingene er større og mye mer synlige. Deres posisjon er mye bedre optimalisert sammenlignet med den opprinnelige kontaktsidesignen. Kontaktskjemaet dupliseres også i bunnteksten på hjemmesiden.

Handle hjemmesiden

Denne siden tilbyr et e-handelsorientert oppsett med forhåndsvisning av produkter, samtidig som det kjente designet og navigasjonen på et Wegys nettsted bevares. Den er utstyrt med en glidebryter, en Ajax-drevet handlevogn, en valutaomskifter og et sett med produktetiketter ("Ny", "Salg" osv.)

Enkelt produktside

En konverteringsoptimalisert produktside er en nødvendig egenskap for enhver e-butikk.

På denne sidetypen tilbyr Wegy forskjellige filtre (etter størrelse, pris og produsent), produktvurdering og anmeldelser. Når det gjelder bilder, er det en skyzoomeffekt som gjør at kundene dine kan se produktet i detaljer; og også en forhåndsvisning av glidebryteren for å vise frem et produkt i forskjellige farger, stiler og fra forskjellige vinkler.

Katalogens startside

Wegys butikkoppføringsside er ikke bare en rip-off av butikkens hjemmeside. Den er designet for å vise frem et stort antall produkter effektivt. Her kan du se spektakulære kategoribannere, forhåndsvisninger av mindre kategorier og enkeltartikler som dukker opp med en lat belastningseffekt. Kraftige sorteringsalternativer er også tilgjengelige på denne siden.

Frakt & levering side

Denne sidetypen er ekstremt viktig når det gjelder shoppingopplevelse. Det tydeliggjør leveringsbetingelsene og er et av kjennetegnene til en vellykket butikk. I Wegy er det ganske enkelt, men informativt: vilkårene er krydret med beskrivende ikoner for bedre forståelse.

“Om butikk” -siden

En alternativ butikkside om butikken gir et sammendrag av nettbutikken din. Her ligger informasjonen om antall produkter, medlemmer av nettstedet, kundebeholdning og så videre. Du kan tilpasse denne siden for å legge til dine egne parametere.

Reviderte funksjoner

Noen av de gamle funksjonene er omgjort for bedre utseende og brukervennlighet. Endringene er mindre, så vi gir bare en sjekkliste over dem for å holde deg informert.

• Responsivt alternativ
• Alternativ for størrelse på topptekst
• Fremgangsstenger
• Nyhetsbrevblokk på Om-siden
• Blogg styling
• Porteføljefiltre
• Fargevalg
• Menysøk i overskriften
• Historie, priser og nettstedskart sider
• Faner på Forum-siden
• Innloggingsskjema styling i høyre sidefelt.

Priser

Wegy er priset som de fleste maler og produkter på TemplateMonster: den gode prisen på $ 75. 

Som en del av prisen får du temaet, 14 forhåndsdefinerte sider, full tilgang til PSD-filene, 10+ sosiale moduler og mye mer. 

Som med de fleste maler, kan du også få en rekke tilleggstjenester:

• $ 199 - for å få et fullstendig oppsett nettsted med alle tilpasningene som er nødvendige for din bedrift
• $ 49 - installasjon på hosting du ønsker
• $ 59 - oppsett av GDPR-overholdelsestjenester
• $ 79 - inkludering av en rekke premium Joomla-produkter som Advanced Content Editor, backup-komponent, SEO-plugin, backend-søk, plugin for hastighetsoptimalisering etc.

Fordi vi har jobbet med TemplateMonster i mange år, har de tilbudt oss et spesialtilbud for besøkende på CollectiveRay. Hvis du klikker via knappen nedenfor og bruker kupongkoden collectiveraytm10 du kan få denne malen med 10% AVSLAG. 

Men skynd deg, dette tilbudet er bare gyldig til September 2023.

Klikk her for den laveste prisen på Wegy

Tilbakemeldinger fra kunder

Wegy har blitt solgt 747 ganger og har en 5-stjerners vurdering fra 34 anmeldelser. Her er noen av tingene brukerne har sagt om malen:

Paul Large 

Så etter å ha betalt for og lastet ned mange maler fra forskjellige malsider før - var jeg veldig imponert over Wegy. Hver seksjon ble enkelt endret fra frontenden. (en funksjon som mangler på mange maler). Så det var lettere for kundene mine å gjøre sine egne endringer. Fra leverandørens perspektiv var støtten som Templatemonster ga - for meg den største fordelen. Livsstøtte 24/7 for malen er virkelig det største salgsargumentet for meg. La oss se noen flere flotte Joomla-maler som Wegy, takk !!

Ronald Rodriguez

Enkel å konfigurere, flere alternativer for hjemmesiden. Den leveres med bilder, dump.sql, plugins og mal. FANTASTISK nettside!

Guarav Pratap

Veldig praktisk, lett å tilpasse. Veldig god støtte og hjelp fra Template Monster. 

konklusjonen

Som en veldig tilpassbar Joomla-mal, er Wegy veldig fleksibel for forskjellige typer nisjebutikker og e-handelsmaler. Den nøytrale utformingen lar deg bruke den på et nettsted av alle typer og emner. Og viktigst, det oppdateres regelmessig - siden det kommer fra en av de mest etablerte leverandørene på TemplateMonster (Zemez).

Så hvis du er ute etter en profesjonell mal for Joomla-nettstedet ditt, er Wegy et utmerket valg. Klikk her for å se det i verket: 

Se Live Demo  Last ned Wegy-mal nå

om forfatteren

Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/E-post: david@collectiveray. Med

David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.