Bouw een online winkel met Joomla en Wegy Template

We hebben al beoordeeld Weg – een multifunctionele sjabloon voor Joomla gemaakt door TemplateMonster. Eerder concentreerden we ons op de mogelijkheden ervan als zakelijke sjabloon voor bedrijfswebsites en bestemmingspagina's.

Maar sinds de laatste update is Wegy uitgerust met volledige eCommerce-functionaliteit. Het wordt geleverd met een breed scala aan vooraf ontworpen pagina's voor online verkopers (startpagina van de winkel, pagina's voor één product, vermelding, verzending en levering, enzovoort); het ondersteunt cloudzoom voor productafbeeldingen, meerdere valuta's en vele andere eCommerce-georiënteerde functies. Met VirtueMart als eCommerce-oplossing is Wegy eenvoudig, flexibel en effectief in online verkopen.

Samengevat

Vandaag helpen we u met het aanpassen van uw op Wegy gebaseerde online winkel, zodat u uw eCommerce-bedrijf in bijna geen tijd kunt opzetten. Dit is wat er op onze lijst staat:

• Hoe Wegy te installeren;
• Hoe werkt het? implementeer uw eigen logo;
• Het kleurenschema van de sjabloon wijzigen;
• Hoe u van VirtueMart uw voorpagina maakt;
• Hoe statische tekstblokken aan te passen;
• Hoe te werken met menu's;
• Hoe schuifregelaars in te stellen.

Laten we beginnen.

Installatie van Wegy-sjabloon

Er zijn twee manieren om Wegy te installeren. U kunt alles in één keer installeren of alleen de sjabloon. In deze handleiding gebruiken we impliciete installatie via het uploaden van de inhoud van: volledig pakket.zip.

1. Pak de uit volledigpakket.zip, die Joomla, Wegy en alle extensies bevat, en upload het naar de hoofdmap van uw hostingaccount.
2. Ga naar uw website en u ziet het installatiebericht.
3. Doorloop het standaard Joomla-installatieproces. ! Exporteer voorbeeldgegevens bij de derde stap om toegang te krijgen tot de kant-en-klare pagina's, artikelen en VirtueMart-producten. Het is veel gemakkelijker om ze aan te passen dan om alles helemaal opnieuw te maken!
4. Vergeet niet de installatiemap te verwijderen.

Gefeliciteerd, de installatie is voltooid! Nu kunt u door uw website bladeren of inloggen op het Joomla-configuratiescherm om uw sjabloon aan te passen.

(PS. We hebben momenteel een speciale aanbieding voor deze sjabloon - krijg 10% KORTING tot september 2023 gebruik couponcode: collectiveraytm10)

Demo  Krijg 10% KORTING tot september 2023 - Waardebon: collectiveraytm10

Eerste aanpassing

Laten we beginnen met de basis. Om uw Wegy-winkel te personaliseren, moet u zijn . vervangen logos, statische tekstblokken zoals contactgegevens en 'Over ons' en eventueel het kleurenschema van de website wijzigen.

Uw eigen logo implementeren

Log in op het Configuratiescherm en ga naar Sjablonen > thema3092 – Winkel.

1. Ga naar de 'Layout' tab en zoek de 'Logo-instellingen' artikel;

2. Upload uw nieuwe logo-afbeelding;

3. Klik 'Invoegen';

4. En sla de wijzigingen op.

Merk op dat de bestandsnaam alleen alfanumerieke tekens mag bevatten - geen spaties toegestaan.

De meta-informatie wijzigen

1. Ga naar VirtueMart > Winkel in uw Configuratiescherm;

2. Hier kunt u uw winkelnaam, verkopernaam, winkelbeschrijving, servicevoorwaarden, juridische informatie en verschillende meta-informatie wijzigen: trefwoorden, beschrijving en nog veel meer.

Contactgegevens instellen

Er zijn in de eerste plaats 2 posities die moeten worden aangepast: 'sup-top' (een smal paneel boven de koptekst) en 'copyright' (de voettekst). Ga als volgt te werk om door modules te bladeren en deze te wijzigen die bij deze posities horen:

1. Ga naar uitbreidingen > Modules;

2. Vind 'Selecteer positie' in de zijbalk. Selecteer 'sup-top'. Nu moet je de modules bewerken 'Locatie"En"info'. Klik erop, vervang de informatie door uw eigen informatie en klik op 'Opslaan'.

Hetzelfde met de footer.

1. In uitbreidingen > Modules > FILTER > Selecteer positie kies 'copyright';

2. Vind alle modules met de 'Aangepaste HTML', en bewerk ze in de WYSIWYG-editor. Bij het bewerken van de 'Over ons'-module vervangt u het originele Wegy-logo door uw eigen logo – en het zal in de voettekst verschijnen.

Functies aanpassen

Er zijn drie blokken met uw bedrijfsfuncties genaamd 'Gratis verzending', 'Ondersteuning' en 'Bestelling retourneren'.

Als u bent ingelogd als beheerder, kunt u deze rechtstreeks vanaf de frontend wijzigen. Klik gewoon op het kleine pictogram boven de module - en u wordt doorgestuurd naar de WYSIWYG-editor.

Een kleurenschema bewerken

1. Ga naar Gebruikers > Gebruiker Manager > Nieuwe gebruiker toevoegen en vul alle formulieren in die nodig zijn om een ​​nieuwe gebruiker aan te maken;

2. Wijs het toe aan de groep 'Supergebruikers' in het tweede tabblad en sla op;

3. Log in als deze nieuw aangemaakte gebruiker in het uitklapmenu aan de voorkant;

4. U ziet aan de linkerkant een Style Switcher-paneel. Kies een van de 4 stijlen en druk op 'Bespaar.

Wegy maakt gebruik van LESS pre-processor om de CSS-code te verbeteren. Dankzij variabelen geïntroduceerd in LESS u kunt met één klik het kleurenschema van uw hele website wijzigen. Om deze schema's te bewerken, moet je echter in de CSS-bestanden van de sjabloon graven.

Demo Meer informatie

Menu's

Het is tijd om voor de navigatie van uw winkel te zorgen. Veel elementen van deze sjabloon behoren tot menu's - zelfs sociale-mediaknoppen in de voettekst.

U kunt menuposities en hun hiërarchie herschikken op een eenvoudige manier met slepen en neerzetten.

1. Ga naar Configuratiescherm > Menu's > Hoofdmenu > Nieuw menu toevoegen Item;

2. Geef het een naam en specificeer het type. Laten we als voorbeeld hier een link naar het Kunena Forum-bord plaatsen. Kies Kunena Forum > Lijst met categorieën.

3. Bewaar de menukaart. Het zou op uw startpagina moeten verschijnen.

***

1. Om uw sociale media-knoppen te beheren, opent u Configuratiescherm > Menu's > Sociale media;

2. Open een willekeurig menu-item en plak de URL van het respectieve sociale media-account. Bewaar de menukaart.

Nu linken pictogrammen in de voettekst naar uw sociale profielen.

Demo Meer informatie

Mega menu

De mega-menufunctionaliteit van Wegy wordt mogelijk gemaakt door de Ice Mega Menu-plug-in.

Wanneer u een menu-item bewerkt of maakt, kunt u naar het tabblad 'IceMegaMenu' gaan en het aantal kolommen instellen. Als het meer dan 1 is, wordt het een megamenu. Ja, zo simpel is het. Het enige wat u hoeft te doen is de kolommen correct te rangschikken en hun breedte in percentages te definiëren. Naar behoren. Soortgelijk:

De voorbeeldgegevens van Wegy bevatten twee kant-en-klare megamenu's waarop u kunt oefenen. In ons voorbeeld hebben we de 'Accessoires' kolom en veranderde de banner en zijn positie.

Uw winkel instellen als startpagina

Als u een winkel-eerst website wilt bouwen, wilt u waarschijnlijk de winkel instellen als de startpagina van uw website. Hier is hoe het kan:

1. Ga naar Menu's > Hoofdmenu > Nieuw menu-item toevoegen  in uw Configuratiescherm;
2. Geef het een unieke naam. Naast het Menu Item Type klik op de kies knop. Klikken VirtueMart uit de lijst en klik vervolgens op Voorpagina;

3. Klik 'Bespaar.

4. Ga nu naar Menu's > Hoofdmenu, zoek je nieuwe menu en klik op de ster ernaast.

Controleer nu de voorpagina van uw website (bijv. https://wegystore.com/). Als je alles goed hebt gedaan, zie je de startpagina van je winkel.

Sliders

De slider onder de header gebruikt je artikelen als slides. Voor een beter resultaat moet u grote afbeeldingen met een hoge resolutie gebruiken, die er nog steeds goed uitzien als ze over de pagina worden uitgerekt.

1. Ga naar Uitbreidingen > Modules in het Configuratiescherm;
2. Vind de Volgorde Slider Shop moduul;

3. Kies op het eerste tabblad een artikelcategorie die moet worden weergegeven of depubliceer de module als u geen schuifregelaar nodig heeft.

Er zijn veel meer manieren om uw Joomla-winkel te verbeteren met Wegy; we noemden alleen de belangrijkste. Raadpleeg voor diepgaande aanpassingen de map Documentatie van uw Wegy-pakket.

Haal Wegy hier

(PS. We hebben momenteel een speciale aanbieding voor deze sjabloon - krijg 10% KORTING tot september 2023 gebruik couponcode: collectiveraytm10)

Demo Meer informatie

De volledige details van wat er in Wegy zit

Wegy is een soort revolutionair thema voor TM, omdat het de beste ideeën van het bedrijf verenigt en is gemaakt met de nieuwste IT-trends en -concepten.

Het wordt ook geleverd met 14 vooraf ontworpen pagina's die een must zijn voor elke up-to-date website, en daarom hoeft u ze niet zelf te ontwerpen. Bovendien bevat het 4 kleurenschema's waarmee u het palet van uw website met een enkele klik kunt wijzigen.

Laten we daarom enkele van de functies die Wegy uniek maken nader bekijken.

SEO optimalisatie

Het thema is standaard SEO-geoptimaliseerd, zodat het door alle zoekmachines wordt gerangschikt, waardoor meer verkeer naar uw website wordt gegenereerd.

Vast megamenu

Het volgende is een vast megamenu. Dit zorgt voor een betere navigatie en stelt u in staat de inhoud in logische groepen te ordenen. Op deze manier kunnen gebruikers de producten waarin ze geïnteresseerd zijn veel sneller vinden.

Schuifregelaar over de volledige breedte

Net als de nieuwste trend, is een schuifregelaar over de volledige breedte bovenaan de startpagina een soort handelsmerk voor uw bedrijf en ook een geweldige manier om de producten en diensten die u aanbiedt onder de aandacht te brengen. Met de Image Swoop Module kunt u in slechts enkele minuten een aantrekkelijke slider maken.

Google Fonts

Met Google-lettertypen kunt u de site meer individualiteit geven en de surfervaring van uw bezoekers op het web verbeteren.

Schaalbare vectorpictogrammen

Met behulp van schaalbare vectorpictogrammen kunt u met een paar klikken wat stijl aan uw website toevoegen. De pictogrammen zijn volledig aanpasbaar. U bent vrij om hun kleur, schaduwen en grootte te wijzigen.

Lazy Load

Lazy load-effect - een van de meest effectieve kenmerken van Wegy. Het zorgt ervoor dat de elementen die uit het zicht zijn niet worden geladen totdat ze naar beneden zijn gescrold. Met andere woorden, het helpt de pagina's sneller te laden en vermindert de serverbelasting aanzienlijk.

Bootstrap ingeschakeld + Responsief

Bootstrap - dit framework biedt een krachtige set functies die u zullen helpen de prestaties van de site te verbeteren en de website responsief te maken op verschillende apparaten. Het biedt een verzameling kant-en-klare stukjes code die u kunt gebruiken om de site persoonlijker te maken.

Dankzij het responsieve ontwerp kunnen uw website en de inhoud ervan worden aangepast aan elke schermresolutie, zodat deze goed presteert op alle apparaten, inclusief desktops, tablets en smartphones.

Google Map-ondersteuning

Toon uw publiek de locatie van uw bedrijf op GoogleMap en laat hen weten hoe ze naar uw kantoor kunnen komen.

10+ mediamodules

10+ mediamodules verbeteren de functionaliteit van uw website en zorgen voor een optimale navigatie. Met dit thema krijg je:

• Joomla
• Sociaal inloggen,
• Livechat met Olark Tellers toevoegen,
• Integratie van sociale netwerken met Addthis,
• en een verscheidenheid aan andere mediamodules.

Nieuwsbrief ondersteuning

Met behulp van een krachtig nieuwsbriefformulier kunt u uw bezoekers omzetten in abonnees en uiteindelijk in klanten

Parallax-effect

Een van de meest opvallende kenmerken van Wegy is het gebruik van Parallax. Met dit effect kan de achtergrond langzamer naar de voorgrond worden verplaatst terwijl u naar beneden scrolt. Op deze manier krijg je een 3D-effect dat wat extra stijl aan de pagina toevoegt.

Dit zijn slechts enkele van de Wegy-functies, aangezien de lijst vrij lang is en het enige tijd zou kosten om ze allemaal afzonderlijk te bekijken. U kunt het thema installeren en alle voordelen zelf bekijken.

Oorspronkelijk was dit thema ontworpen voor zakelijke en financiële websites, maar dankzij geavanceerde opties kan het worden aangepast aan elk ander soort bedrijf. Je kunt het gemakkelijk aanpassen voor een persoonlijke blog, portfolio, bedrijfssite, etc. Check the Demo en Meer informatie op Wegy.

Wegy heeft een aantal updates gehad, waarbij een aantal nieuwe functies zijn toegevoegd en een aantal van de oude zijn verbeterd. Als u deze sjabloon al gebruikt, zult u blij zijn te weten dat het nu een complete online winkel kan worden. Als u net kennis maakt met Joomla, kan Wegy een prima startpunt worden voor uw toekomstige website.

Omdat het een vlaggenschipsjabloon is van de Joomla collectie door TemplateMonster, kunt u er zeker van zijn dat ook andere functies op het hoogste niveau zijn gemaakt.

Deze grote update, bestaande uit de kleinere fixes en vernieuwingen, introduceert verschillende nieuwe paginatypes, alternatieve paginalay-outs, eCommerce-integratie en een overvloed aan kleine verbeteringen. Laten we nu verder gaan met de recent toegevoegde functies, aangeboden door Wegy:

Nieuwe functies

Naast de verbeteringen in bestaande functies, introduceert deze versie van Wegy een reeks nieuwe. U vindt ze ongetwijfeld handig,

E-commerce integratie

Misschien wel de meest ingrijpende en significante innovatie van de update is de volledige eCommerce-compatibiliteit van op Wegy gebaseerde websites. Joomla is een van de gevestigde contentmanagementsystemen en heeft veel extensies, waaronder complete eCommerce-oplossingen zoals VirtueMart.

Wegy heeft nu kant-en-klare online winkelpagina's beschikbaar in de recente update van Wegy. Je kunt alle kracht van deze extensie gebruiken om dingen online te verkopen.

Ondersteuning voor talen van rechts naar links

Wegy ondersteunt nu talen met een rechts-naar-links script. We weten dat Joomla vooral populair is in Arabische landen en er zijn meer dan een miljard mensen die talen gebruiken met een rechts-naar-links schrift.

Meertalige ondersteuning

Met de ondersteuning van meerdere talen kunt u de interface van uw website nu in zoveel talen vertalen als u nodig heeft om het echt internationaal te maken.

Meerdere valuta's

Nu je met Wegy een online winkel kunt bouwen, ondersteunt het thema ook meerdere valuta's. Met deze functie kunt u betalingen in verschillende valuta accepteren, waardoor het aantal potentiële klanten en als gevolg daarvan uw inkomen toeneemt.

FormBuilder

Met deze tool zonder codeervaardigheden kunt u contact maken met uw lezers/klanten met behulp van aanpasbare contactformulieren.

Beeldoptimalisatie

Alle afbeeldingen die bij Wegy worden geleverd, zijn gecomprimeerd zonder kwaliteitsverlies. Zo kunnen uw bezoekers genieten van afbeeldingen van hoge kwaliteit en een hoge laadsnelheid.

Parallax

Deze moderne designtrend, onmisbaar voor een moderne online winkel, zal ook nuttig zijn voor het opfleuren van bedrijfspagina's. Bij gebruik met high-definition foto's kan het een ongeëvenaarde gebruikerservaring bieden.

Nieuwe paginalay-outs

Het eCommerce-karakter van de update wordt weerspiegeld in verschillende nieuwe paginalay-outs. De meeste zijn speciaal ontworpen voor online winkels, maar eigenaren van bedrijfswebsites hebben ook iets om naar te kijken. Hier is een kort overzicht van hen:

Startpagina versie 2

De alternatieve versie van een Wegy-homepage, gemaakt voor zakelijke websites en landingspagina's. Het bevat meer monochromatische vlakke elementen en is daarom meer verzadigd.

Sommige cruciale elementen zoals titels in de prijstabellen gebruiken een groter lettertype. Het is handig als u uw startpagina als bestemmingspagina gebruikt. Numerieke statistieken worden gepresenteerd als pre-loaders, terwijl er in de eerste versie tellers waren.

Neem contact met ons op pagina versie 2

De nieuwe homepage zelf bevat meer contactgegevens dan de originele: deze heeft een extra kopregel met uw adres en telefoonnummer.

Ook de contactpagina is verbeterd. Nu heeft het een paginabrede Google Maps-widget, waar u de locatie van uw kantoor kunt markeren. De iconen en links zijn groter en veel beter zichtbaar. Hun positie is veel beter geoptimaliseerd in vergelijking met het oorspronkelijke ontwerp van de contactpagina. Het contactformulier wordt ook gedupliceerd in de voettekst van de homepage.

Startpagina van de winkel

Deze pagina biedt een eCommerce-georiënteerde lay-out met productvoorbeelden met behoud van het vertrouwde ontwerp en de navigatie van een Wegy-website. Het is uitgerust met een schuifregelaar, een door Ajax aangedreven winkelwagentje, een valutawisselaar en een set productlabels ("Nieuw", "Verkoop" enz.)

Enkele productpagina

Een voor conversie geoptimaliseerde productpagina is een noodzakelijk kenmerk van elke e-store.

In dit paginatype biedt Wegy verschillende filters (op maat, prijs en fabrikant), productbeoordeling en beoordelingen. Wat afbeeldingen betreft, is er een cloudzoomeffect, waardoor uw klanten het product in detail kunnen zien; en ook een schuifregelaar voor een voorbeeldafbeelding om een ​​product in verschillende kleuren, stijlen en vanuit verschillende hoeken te laten zien.

Catalogus homepage

De pagina met winkelvermeldingen van Wegy is niet zomaar een imitatie van de homepage van de winkel. Het is ontworpen om een ​​groot aantal producten effectief te presenteren. Hier kunt u spectaculaire categoriebanners, kleinere categorievoorbeelden en afzonderlijke items zien, die worden weergegeven met een lui laadeffect. Krachtige sorteeropties zijn ook beschikbaar op deze pagina.

Verzend- en bezorgpagina

Dit paginatype is uiterst belangrijk in termen van winkelervaring. Het verduidelijkt de leveringsvoorwaarden en is een van de kenmerken van een succesvolle winkel. In Wegy is het vrij eenvoudig, maar toch informatief: de termen zijn gekruid met beschrijvende pictogrammen voor een beter begrip.

"Over winkel" pagina

Een alternatieve winkelpagina 'Over winkel' geeft een overzicht van uw online winkel. Hier bevindt zich de informatie over het aantal van uw producten, siteleden, klantenbehoud enzovoort. U kunt deze pagina aanpassen om uw eigen parameters toe te voegen.

Herziene functies

Sommige van de oude functies zijn opnieuw gemaakt voor een beter uiterlijk en bruikbaarheid. De wijzigingen zijn klein, dus we geven u hier een checklist om u op de hoogte te houden.

• Responsieve optie
• Optie voor het wijzigen van koptekst
• Progress bars
• Nieuwsbriefblok op de Over-pagina
• Blogstyling
• Portfoliofilters
• kleurenschema's
• Menu zoeken in de kop
• Geschiedenis, prijzen en sitemappagina's
• Tabbladen op de forumpagina
• Inlogformulierstyling in de rechterzijbalk.

Prijzen

Wegy is geprijsd zoals de meeste sjablonen en producten bij TemplateMonster: de goede prijs van $ 75. 

Als onderdeel van de prijs krijg je het thema, 14 vooraf gedefinieerde pagina's, volledige toegang tot de PSD-bestanden, 10+ sociale modules en nog veel meer. 

Zoals bij de meeste sjablonen, kunt u ook een aantal aanvullende services krijgen:

• $ 199 - om een ​​volledig opgezette website te krijgen met alle aanpassingen die nodig zijn voor uw bedrijf
• $49 - installatie op de hosting van uw keuze
• $ 59 - opzetten van AVG-complianceservices
• $ 79 - de opname van een aantal premium Joomla-producten zoals Advanced Content Editor, back-upcomponent, SEO-plug-in, backend-zoekopdracht, plug-in voor snelheidsoptimalisatie, enz.

Omdat wij al vele jaren met TemplateMonster samenwerken, hebben zij ons een speciale aanbieding gedaan voor de bezoekers van CollectiveRay. Als u via onderstaande knop klikt en de couponcode gebruikt collectiveraytm10 je kunt deze sjabloon krijgen met 10% KORTING. 

Maar wees er snel bij, deze aanbieding is alleen geldig tot september 2023.

Klik hier voor de laagste prijs op Wegy

Ervaringen

Wegy is 747 keer verkocht en heeft een 5-sterrenbeoordeling van 34 beoordelingen. Hier zijn een paar dingen die de gebruikers over de sjabloon hebben gezegd:

Paul Groot 

Dus nadat ik eerder veel sjablonen van verschillende sjabloonsites had betaald en gedownload, was ik echt onder de indruk van Wegy. Elke sectie was gemakkelijk vanaf de voorkant te wijzigen. (een functie die op veel sjablonen ontbreekt). Het was dus gemakkelijker voor mijn klanten om hun eigen wijzigingen aan te brengen. Vanuit het perspectief van een provider was de ondersteuning die Templatemonster bood - voor mij het grootste voordeel. 24/7 levenslange ondersteuning voor de sjabloon is echt het grootste verkoopargument voor mij. Laten we eens wat meer geweldige Joomla-sjablonen zoals Wegy bekijken, alsjeblieft !!

Ronald Rodriguez

Eenvoudig te configureren, meerdere opties voor de startpagina. Het wordt geleverd met afbeeldingen, dump.sql, plug-ins en sjabloon. GEWELDIGE site!

Guarav Pratap

Zeer praktisch, gemakkelijk aan te passen. Zeer goede ondersteuning en hulp van Template Monster. 

Conclusie

Omdat het een zeer aanpasbare Joomla-sjabloon is, is Wegy zeer flexibel voor verschillende soorten nichewinkels en eCommerce-sjablonen. Dankzij de neutrale lay-out kunt u het toepassen op een website van elk type en onderwerp. En het belangrijkste is dat het regelmatig wordt bijgewerkt - omdat het afkomstig is van een van de meest gevestigde leveranciers op TemplateMonster (Zemez).

Dus als u op zoek bent naar een professionele template voor uw Joomla website, dan is Wegy een uitstekende keuze. Klik hier om het in het werk te zien: 

Bekijk live demo  Wegy-sjabloon nu downloaden

Over de auteur

Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/E-mail: David@collectiveray.com

David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.