Bygg en onlinebutik med Joomla och Wegy-mall

Vi har redan granskat Wegy - en mångsidig mall för Joomla skapad av Template. Tidigare fokuserade vi på dess möjligheter som en affärsmall för företagswebbplatser och målsidor.

Men sedan den senaste uppdateringen är Wegy utrustad med fullfjädrad e-handelsfunktionalitet. Den levereras med ett brett utbud av förutformade sidor för online-säljare (Shop hemsida, enstaka produkt, Listing, frakt & leveranssidor, och så vidare); den stöder produktbild molnzoom, flera valutor och många andra e-handelsorienterade funktioner. Med VirtueMart som sin e-handelslösning är Wegy enkel, flexibel och effektiv när det gäller försäljning online.

Sammanfattning

Idag hjälper vi dig med att anpassa din Wegy-baserade webbutik så att du kan starta ditt e-handelsföretag på nästan ingen tid. Här är vad som finns på vår lista:

• Hur man installerar Wegy;
• Hur man implementera din egen logotyp;
• Hur man ändrar mallens färgschema;
• Hur man gör VirtueMart till din första sida;
• Hur man anpassar statiska textblock;
• Hur man arbetar med menyer;
• Hur man ställer in reglagen.

Låt oss börja.

Installation av Wegy-mall

Det finns två sätt att installera Wegy på. Du kan antingen installera allt på en gång eller bara mallen. I den här guiden kommer vi att använda implicera installation via uppladdning av innehållet i fullpackage.zip.

1. Packa upp fullpackage.zip, som innehåller Joomla, Wegy och alla tillägg, och laddar upp den till rotmappen på ditt värdkonto.
2. Gå till din webbplats så visas installationsmeddelandet.
3. Fortsätt genom den vanliga Joomla-installationsprocessen. ! Exportera exempeldata i det tredje steget för att få tillgång till de färdiga sidorna, artiklarna och VirtueMart-produkterna. Det är mycket lättare att ändra dem än att skapa allt från grunden!
4. Glöm inte att ta bort installationsmappen.

Grattis, installationen är över! Nu kan du surfa på din webbplats eller logga in på Joomla-kontrollpanelen för att anpassa din mall.

(PS. Vi har ett specialerbjudande för den här mallen som pågår just nu - få 10% rabatt till Juni 2023 använder kupongkoden: collectiveraytm10)

Live Demo  Få 10% rabatt till Juni 2023 - Kupong: collectiveraytm10

Inledande anpassning

Låt oss börja med grunderna. För att anpassa din Wegy-butik måste du byta ut den logotyper, statiska textblock som kontaktdata och ”Om oss”, och kanske ändra webbplatsens färgschema.

Implementera din egen logotyp

Logga in på kontrollpanelen och gå till Mallar > theme3092 - Shop.

1. Gå till "Layoutfliken och hittaLogotypinställningar' Artikel;

2. Ladda upp din nya logotypbild;

3. Klick 'Insert';

4. Och spara ändringarna.

Observera att filnamnet endast ska innehålla alfanumeriska tecken - inga mellanslag tillåtna.

Ändra metainformationen

1. Gå till VirtueMart> Handla i din kontrollpanel;

2. Här kan du ändra ditt butiksnamn, leverantörsnamn, butiksbeskrivning, användarvillkor, juridisk information och olika metainformationer: nyckelord, beskrivning och många fler.

Ställa in kontaktinformation

Det finns två positioner som måste anpassas i första hand - 'sup-top' (en smal panel över sidhuvudet) och 'copyright' (sidfoten). För att bläddra och modifiera moduler som tillhör dessa positioner gör du följande:

1. Gå till förlängningar > Moduler;

2. Hitta 'Välj positionpå sidofältet. Välj 'sup-top'. Nu måste du redigera modulernasPlats"Och"info'. Klicka bara på dem, ersätt informationen med din egen och klicka på "Spara".

Samma sak med sidfoten.

1. In förlängningar > Moduler > Filter > Välj position välj 'copyright';

2. Hitta alla moduler med 'Anpassad HTMLoch redigera dem i WYSIWYG-redigeraren. När du redigerarOm ossmodulen ersätter den ursprungliga Wegy-logotypen med din egen - och den kommer att visas i sidfoten.

Anpassa funktioner

Det finns tre block med dina företagsfunktioner som heter 'Gratis frakt', 'Support' och 'Order Return'.

Om du är inloggad som admin kan du ändra dem direkt från frontend. Klicka bara på den lilla ikonen ovanför modulen - så omdirigeras du till WYSIWYG-redigeraren.

Redigera ett färgschema

1. Gå till användare > Användarhanterare > Lägg till ny användare och fyll i alla formulär som är nödvändiga för att skapa en ny användare;

2. Tilldela den till gruppen "Superanvändare" på den andra fliken och spara;

3. Logga in som den nyskapade användaren i utdragningsmenyn i frontend-enheten.

4. Du ser en Style Switcher-panel till vänster. Välj en av fyra stilar och tryck på 'Save".

Wegy använder LESS förprocessor för att förbättra sin CSS-kod. Tack vare variabler som introducerades i LESS du kan ändra färgschemat för hela din webbplats med ett klick. För att redigera dessa scheman måste du dock gräva i CSS -filerna i mallen.

Live Demo Mer info

Menyer

Det är dags att ta hand om din butiks navigering. Många element i den här mallen tillhör menyer - även knappar på sociala medier i sidfoten.

Du kan ordna om menypositioner och deras hierarki på ett enkelt drag-och-släpp-sätt.

1. Gå till Kontrollpanelen> Menyer> Huvudmeny> Lägg till ny meny Artikel;

2. Ge det ett namn och ange dess typ. Som ett exempel, låt oss placera en länk till Kunena Forum-styrelsen här. Plocka Kunena Forum> Kategorilista.

3. Spara menyn. Det ska visas på din hemsida.

***

1. För att hantera dina sociala medieknappar öppna Kontrollpanelen> Menyer> Sociala medier;

2. Öppna valfritt menyalternativ och klistra in webbadressen till respektive sociala mediekonto. Spara menyn.

Nu länkar ikoner i sidfoten till dina sociala profiler.

Live Demo Mer info

mega meny

Wegys mega-menyfunktionalitet drivs av Ice Mega Menu-plugin.

När du redigerar eller skapar ett menyalternativ kan du gå till fliken 'IceMegaMenu' och ställa in antalet kolumner. Om det är mer än 1 blir det en megameny. Ja, det är så enkelt. Allt du behöver göra är att ordna kolumner ordentligt och definiera deras bredd i procent. Ordentligt. Så här:

Wegys exempeluppgifter innehåller två färdiga megamenyer som du kan träna på. I vårt exempel lade vi till 'Accessoarerkolumn och ändrade bannern och dess position.

Ange din butik som hemsida

Om du vill bygga en butik-första webbplats, kommer du förmodligen att ställa in butiken som din webbplats hemsida. Så här kan det göras:

1. Gå till Menyer> Huvudmeny> Lägg till nytt menyalternativ  i din kontrollpanel;
2. Ge det ett unikt namn. Intill Menyposttyp klicka på Välja knappen. Klicka VirtueMart från listan och klicka sedan på Framsida;

3. Klick 'Save".

4. Gå nu till Menyer> Huvudmeny, hitta din nya meny och klicka på stjärnan bredvid den.

Kolla nu förstasidan på din webbplats (t.ex. https://wegystore.com/). Om du har gjort allt korrekt ser du butikens hemsida.

Sliders

Skjutreglaget under rubriken använder dina artiklar som bilder. För ett bättre resultat måste du använda stora bilder med hög upplösning, som fortfarande ser bra ut när de sträcker sig över hela sidan.

1. Gå till Tillägg> Moduler i kontrollpanelen;
2. Hitta Sekvensreglage modul;

3. På den första fliken väljer du en artikelkategori som ska visas eller avpublicerar modulen om du inte behöver en skjutreglage.

Det finns många fler sätt att förbättra din Joomla-butik med Wegy; vi nämnde bara de viktigaste. För djup anpassning, kontrollera dokumentationsmappen från ditt Wegy-paket.

Få Wegy hit

(PS. Vi har ett specialerbjudande för den här mallen som pågår just nu - få 10% rabatt till Juni 2023 använder kupongkoden: collectiveraytm10)

Live Demo Mer info

De fullständiga detaljerna om vad som finns i Wegy

Wegy är ett slags revolutionerande tema för TM, eftersom det förenar företagets bästa idéer och skapas med de senaste IT-trenderna och koncepten.

Den kommer också laddad med 14 fördesignade sidor som är ett måste för alla uppdaterade webbplatser, och på grund av detta behöver du inte designa dem själv. Dessutom innehåller den fyra färgscheman som låter dig ändra paletten på din webbplats med ett enda klick.

Så, låt oss titta närmare på några av de funktioner som gör Wegy unik.

SEO Optimering

Temat är SEO-optimerat som standard, så det kommer att rankas av alla sökmotorer, vilket ger mer trafik till din webbplats.

Fast mega-meny

Nästa är en fast megameny. Detta säkerställer bättre navigering och låter dig organisera innehållet i logiska grupper. På detta sätt kommer användare att kunna hitta de produkter de är intresserade av, mycket snabbare.

Skjutreglage för full bredd

Som det är den senaste trenden är en skjutreglage i full bredd högst upp på hemsidan ett slags varumärke för ditt företag och också ett utmärkt sätt att visa upp de produkter och tjänster du erbjuder. Image Swoop-modulen låter dig skapa en tilltalande skjutreglage på bara några minuter.

Google Fonts

Med Google-teckensnitt kan du skapa mer individualitet på webbplatsen och förbättra dina besökares webbupplevelse.

Skalbara vektorikoner

Med hjälp av skalbara vektorikoner kan du lägga till lite stil på din webbplats med ett par klick. Ikonerna är helt anpassningsbara. Du är fri att ändra färg, skuggor och storlek.

lat Load

Lata belastningseffekt - en av de mest effektiva funktionerna i Wegy. Det säkerställer att de synliga elementen inte laddas förrän de rullas ner. Med andra ord hjälper det sidorna att laddas snabbare och minskar serverbelastningen kraftigt.

Bootstrap aktiverat + Responsive

Bootstrap - detta ramverk erbjuder en kraftfull uppsättning funktioner som hjälper dig att förbättra webbplatsens prestanda och göra webbplatsen lyhörd på olika enheter. Det erbjuder en samling färdiga kodbitar som du kan använda för att göra webbplatsen mer personlig.

Responsiv design gör att din webbplats och dess innehåll kan anpassas till vilken skärmupplösning som helst, så den kommer att fungera bra på alla enheter inklusive skrivbord, surfplattor och smartphones.

Support för GoogleMap

Visa din publik plats för ditt företag på GoogleMap och låt dem veta hur de kommer till ditt kontor.

10+ mediamoduler

10+ mediamoduler förbättrar din webbplatsfunktionalitet och säkerställer optimal navigering. Med detta tema får du:

• Joomla
• Social inloggning,
• Livechatt med Olark Lägg till räknare,
• Integration av sociala nätverk med Addthis,
• och en mängd andra mediamoduler.

Support för nyhetsbrev

Med hjälp av ett kraftfullt nyhetsbrevformulär kan du konvertera dina besökare till prenumeranter och så småningom till kunder

Parallax effekt

En av de mest slående funktionerna om Wegy är användningen av Parallax. Denna effekt gör att bakgrunden kan röra sig långsammare till förgrunden när du bläddrar nedåt. På detta sätt får du en 3D-effekt som lägger till lite extra stil på sidan.

Det här är bara några av Wegys funktioner eftersom listan är ganska lång, och det skulle ta lite tid att titta på var och en av dem individuellt. Du kan installera temat och kontrollera alla fördelar själv.

Ursprungligen designades detta tema för affärs- och finanswebbplatser, men tack vare avancerade alternativ kan det anpassas till alla andra typer av företag. Du kan enkelt anpassa den till en personlig blogg, portfölj, företagswebbplats etc. Kontrollera Live Demo och Mer info på Wegy.

Wegy har haft ett antal uppdateringar, där ett antal nya funktioner och förbättrat några av de gamla. Om du redan använder den här mallen blir du glad att veta att den nu kan bli en komplett webbutik. Om du bara bekantar dig med Joomla kan Wegy bli en utmärkt utgångspunkt för din framtida webbplats.

Eftersom det är en flaggskeppsmall från Joomla samling av TemplateMonsterkan du vara säker på att andra funktioner också görs på högsta nivå.

Den här stora uppdateringen, som består av de mindre korrigeringarna och uppdateringarna, introducerar flera nya sidtyper, alternativa sidlayouter, e-handelsintegration och en mängd mindre förbättringar. Låt oss nu gå vidare till de nyligen tillagda funktionerna, som erbjuds av Wegy:

Nya funktioner

Förutom förbättringarna av befintliga funktioner introducerar denna version av Wegy en serie nya. Du kommer utan tvekan att hitta dem praktiska,

Integration av e-handel

Kanske den mest massiva och betydelsefulla innovationen i uppdateringen är den fullständiga e-handelskompatibiliteten hos Wegy-baserade webbplatser. Joomla är ett av de etablerade innehållshanteringssystemen och har många tillägg, inklusive kompletta e-handelslösningar som VirtueMart.

Wegy har nu färdigställda webbutikssidor tillgängliga i den senaste uppdateringen av Wegy. Du kan använda all kraften i detta tillägg för att sälja saker online.

Höger-till-vänster-språkstöd

Wegy stöder nu språk med skript från höger till vänster. Vi vet att Joomla är särskilt populärt i arabiska länder och att det finns över en miljard människor som använder språk med skript från höger till vänster.

Flerspråkig Support

Med stöd från flera språk kan du nu översätta webbplatsens gränssnitt till så många språk som du behöver för att göra det riktigt internationellt.

Flera valutor

Nu när du kan bygga en webbutik med Wegy stöder temat också flera valutor. Med den här funktionen kan du acceptera betalningar i flera olika valutor, vilket ökar antalet potentiella kunder och därmed din inkomst.

FormBuilder

Detta verktyg utan krav på kodningsförmåga gör att du kan ansluta till dina läsare / kunder med hjälp av anpassningsbara kontaktformulär.

Bildoptimering

Alla bilder som kommer med Wegy har komprimerats utan kvalitetsförlust. Så dina besökare kommer att kunna njuta av högkvalitativa bilder och hög laddningshastighet.

Parallax

Denna moderna designtrend, oumbärlig för en modern onlinebutik, kommer också att vara användbar för att krydda affärssidor. När den används med högupplösta foton kan den leverera en oöverträffad användarupplevelse.

Nya sidlayouter

Uppdateringens e-handelskaraktär återspeglas i flera nya sidlayouter. De flesta av dem har utformats speciellt för webbutiker, även om ägare av företagswebbplatser har något att titta på. Här är en kort översikt över dem:

Startsida version 2

Den alternativa versionen av en Wegys hemsida, skapad för företagswebbplatser och målsidor. Den innehåller mer monokromatiska platta element och är därför mer mättad.

Några viktiga element som titlar i pristabellerna använder ett större teckensnitt. Det kommer att vara till nytta om du använder din hemsida som målsida. Numerisk statistik presenteras som förladdare, medan det i den första versionen fanns räknare.

Kontakta oss sida version 2

Den nya hemsidan i sig innehåller mer kontaktinformation än den ursprungliga: den har en extra rubrikrad med din adress och telefonnummer.

Kontaktsidan har också förbättrats. Nu har den en sidbredd Google Maps-widget, där du kan markera platsen för ditt kontor. Ikonerna och länkarna är större och mycket mer synliga. Deras position är mycket bättre optimerad jämfört med den ursprungliga kontaktsidesdesignen. Kontaktformuläret dupliceras också i sidfoten på hemsidan.

Handla hemsidan

Denna sida erbjuder en e-handelsorienterad layout med produktförhandsgranskningar samtidigt som den välbekanta designen och navigeringen på en Wegys webbplats behålls. Den är utrustad med en skjutreglage, en Ajax-driven kundvagn, en valutaväxlare och en uppsättning produktetiketter (”Nytt”, ”Försäljning” etc.)

Enstaka produktsida

En konverteringsoptimerad produktsida är ett nödvändigt attribut för alla e-butiker.

På den här sidtypen erbjuder Wegy olika filter (efter storlek, pris och tillverkare), produktbetyg och recensioner. När det gäller bilder finns det en molnzoomeffekt som gör att dina kunder kan se produkten i detaljer; och en skjutregl för förhandsgranskning för att visa upp en produkt i olika färger, stilar och från olika vinklar.

Katalog Startsida

Wegys butikssida är inte bara en rip-off av butikens hemsida. Den är utformad för att effektivt visa upp ett stort antal produkter. Här kan du se spektakulära kategoribannrar, mindre kategoriförhandsgranskningar och enstaka objekt som dyker upp med en lat belastningseffekt. Kraftfulla sorteringsalternativ finns också på denna sida.

Frakt & leveranssida

Denna sidtyp är extremt viktig när det gäller shoppingupplevelse. Det klargör leveransvillkoren och är ett av kännetecknen för en framgångsrik butik. I Wegy är det ganska enkelt men informativt: termerna kryddas med beskrivande ikoner för bättre förståelse.

"Om butik" -sidan

En alternativ butiksida om butiken ger en sammanfattning av din onlinebutik. Här finns informationen om antalet produkter, webbplatsmedlemmar, kundretention och så vidare. Du kan anpassa den här sidan för att lägga till dina egna parametrar.

Reviderade funktioner

Några av de gamla funktionerna har gjorts om för bättre utseende och användbarhet. Ändringarna är mindre, så vi tillhandahåller bara en checklista över dem för att hålla dig informerad.

• Responsivt alternativ
• Alternativ för ändring av rubrik
• Framstegsfält
• Nyhetsbrev på sidan Om
• Bloggstyling
• Portföljfilter
• Färgscheman
• Menysökning i rubriken
• Sidor med historik, prissättning och webbplatskarta
• Flikar på Forum-sidan
• Inloggningsformulär i höger sidofält.

Priser

Wegy är prissatt som de flesta mallar och produkter på TemplateMonster: det bra priset på $ 75. 

Som en del av priset får du temat, 14 fördefinierade sidor, full tillgång till PSD-filer, 10+ sociala moduler och mycket mer. 

Som med de flesta mallar kan du också få ett antal ytterligare tjänster:

• 199 $ - för att få en fullständigt inställd webbplats med alla anpassningar som krävs för ditt företag
• $ 49 - installation på den webbhotell du väljer
• 59 $ - inställning av GDPR-efterlevnadstjänster
• 79 $ - införandet av ett antal premium Joomla-produkter som Advanced Content Editor, reservkomponent, SEO-plugin, backend-sökning, plugin för snabboptimering etc.

Eftersom vi har arbetat med TemplateMonster i många år har de erbjudit oss ett specialerbjudande för besökarna på CollectiveRay. Om du klickar via knappen nedan och använder kupongkoden collectiveraytm10 du kan få den här mallen med 10% RABATT. 

Men skynda dig, detta erbjudande gäller bara till Juni 2023.

Klicka här för det lägsta priset på Wegy

Referenser

Wegy har sålts 747 gånger och har ett 5-stjärnigt betyg från 34 recensioner. Här är några av de saker som användarna har sagt om mallen:

Paul Large 

Så efter att ha betalat för och laddat ner många mallar från olika mallwebbplatser tidigare - blev jag verkligen imponerad av Wegy. Varje sektion modifierades enkelt från fronten. (en funktion som saknas i många mallar). Så det var lättare för mina kunder att göra sina egna förändringar. Från en leverantörsperspektiv var det stöd som Templatemonster erbjuder - för mig den största fördelen. Livstidsstöd 24/7 för mallen är verkligen den största försäljningsargumentet för mig. Låt oss se några fler fantastiska Joomla-mallar som Wegy, snälla !!

Ronald Rodriguez

Lätt att konfigurera, flera alternativ för hemsidan. Den levereras med bilder, dump.sql, plugins och mall. FANTASTISK webbplats!

Guarav Pratap

Mycket praktisk, lätt att anpassa. Mycket bra support och hjälp från Template Monster. 

Slutsats

Som en mycket anpassningsbar Joomla-mall är Wegy mycket flexibel för olika typer av nischbutiker och e-handelsmallar. Dess neutrala layout gör att du kan använda den på en webbplats av alla slag och ämnen. Och viktigast av allt uppdateras det regelbundet - eftersom det kommer från en av de mest etablerade leverantörerna på TemplateMonster (Zemez).

Så om du letar efter en professionell mall för din Joomla-webbplats är Wegy ett utmärkt val. Klicka här för att se det i verket: 

Visa Live Demo  Ladda ner Wegy-mall nu

Om författaren

Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/e-post: david@collectiveray.com

David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.