Uitgebreid contactformulier in Joomla 3, plugin, module of anders?

Via www.dewebmeester.nl ben ik bezig met een nieuw concept: www.logoloket.nl ; De naam zegt wel waar het hier over gaat. Na de eerste voorbeeld logo’s geplaatst te hebben, is het belangrijk om het bestel systeem te optimaliseren. Het is belangrijk dat het een prettige bezigheid wordt voor een bezoeker om een logo uit te zoeken, te bestellen en te betalen (al is betalen eigenlijk nooit prettig natuurlijk). Het systeem ziet er ongeveer als volgt uit: [tabs][tab title=”Stap 1″]Kies logo, kies kleuren, vul logo tekst in, vul slogan in, plaats bestelling.[/tab] [tab title=”Stap 2″]Plaats bestelling, ga naar winkelwagen, check out, vul gegevens in.[/tab] [tab title=”Stap 3″]Stuur ons de afbeeldings file die verwerkt moet worden in logo.[/tab][tab title=”Stap 4″]De bestelling afronden, betalen, bevestiging.[/tab][/tabs] Deze blogpost gaat over stap 3: Tijdens het bestelproces moet het mogelijk zijn voor de klant om een file toe te sturen aan de webbeheerder van www.logoloket.nl (dat ben ik). Dus probeer ik een aantal contact formulieren extensies van Joomla. aiContactsafe kent deze optie maar is niet klaar voor Joomla 3. Logoloket.nl wel. Na wat zoeken kom ik er

Verder lezen

Foto en image gallery in slider formaat in Joomla 1.5

Vorige week kreeg ik een klant met een eenvoudige wens: een foto gallery als slider in de top van de website. De website draait op Joomla 1.5 ; Helaas, want de extensies directory van Joomla ondersteunt versie 1.5 niet meer wat betekent dat er ook geen nieuwe modules meer ontworpen worden voor Joomla 1.5 . Alle website die nu nog draaien op Joomla 1.5 zouden moeten worden geupgrade of omgebouwd naar versie 2.5 of 3.1; Vraag eventueel [email protected] naar mogelijkheden. Nu even terug naar de opdracht. De klant heeft de Royal slider besteld ( http://codecanyon.net/item/royalslider-touchenabled-jquery-image-gallery/461126) . Dat is een jquery script en geen module. Nu kan ik die omzetten naar module formaat maar eerst ga ik op zoek naar kan en klare bestaande modules. Ik ga niet het wiel uitvinden als dat niet hoeft. Ik probeel de iceslideshow van www.icetheme.com maar helaas zonder succes. De foto’s worden niet goed weergegeven. Waarschijnlijk een jquery conflict. Ook bij twee andere modules hetzelfde probleem. Na installatie van jquery easy (waarover ik hier geschreven heb) lijkt er niet werkelijk wat te zijn opgelost. Tijd voor een

Verder lezen

Vervolg: opmaken Joomla template van joomlaxtc. Plaatsen van html blokken.

In mijn vorige blogpost over dit thema heb ik aandacht gegeven aan de module blokken op de voorpagina van template “Motif” van www.joomlaxtc.com. Vandaag ga ik proberen om via het invoegen van html blokken formulieren te plaatsen binnen dit design. Ik gebruik daartoe de nieuwe website van een nieuw concept van dewebmeester.nl: Gratis test hosting via www.123web.be (ja ook in Belgie is dewebmeester.nl actief en daar heten we natuurlijk dewebmeester.be). Ik wil dat de bezoeker aan 123web.be makkelijk zichzelf kan aanmelden voor deze gratis hosting. Over het hoe en waarom van gratis hosting ga ik een extra blog post schrijven. Doel: via html een formulier plaatsen binnen een Joomla template. Uitwerking: dit blijkt prima te werken via artikelbeheer. Ik kies een artikel uit of maak een nieuw artikel aan en kies na het openen van het artikel in een editor voor “toggle editor” zodat de html code van het artikel getoond wordt. Vervolgens plak ik gewoon het hele html formulier (encrypted javascript formulier) binnen deze code en sla het artikel op. Het resultaat is heel erg goed. De css van

Verder lezen

Aanpassen layout Joomla module

Het aanpassen van de layout van een Joomla module lijkt een eenvoudige zaak met Firebug. Maar bij aanpassen van de css file behorende bij de module, is de kans groot dat ook de layout van andere modules aangepast worden terwijl dat mogelijk niet te bedoeling is. Dat is zeker het geval als de css verwijzingen verstopt zitten in bijvoorbeeld een style.css file of template.css file. Als de module een eigen css file heeft, dan is het inderdaad niet moeilijk om de layout aan te passen. De makkelijkste manier Het makkelijkste lijkt mij op dit moment om in “advanced options” binnen modulebeheer (binnen Joomla administrator) de “Module Class Suffix” aan te passen. Dat gaat als volgt: Ga naar modulebeheer in Joomla en open de module waarvoor de layout aangepast moet worden. Open de stylesheet waarnaar deze module verwijst (via Filezilla en Notepad+) Kijk via Firebug welke layout verwijzing aangepast moet worden Ga terug naar de geopende stylesheet (css file) en zoek via “search” naar de verwijzing Kopieer de div class en plaats die daar direct onder; Bijvoorbeeld: #footer .moduletable h3.mod-title {

Verder lezen

Template chooser, picker, selector binnen Joomla 2.5

Resultaat van deze dag is te bekijken op http://decmsmeester.nl/joomla2.5/ Nou, vandaag ben ik weer druk geweest met het oplossen van raadsels en na zo’n dag is het verstandig om bevindingen op te schrijven in een blogpost. Ik ben niet de enige met deze wens: – Een Joomla website waarbinnen verschillende designs / templates zijn geinstalleerd en waarbij de bezoeker zelf kan kiezen tussen deze designs. Na bladeren op Google lijken vele anderen met deze wens rond te lopen. Toch lijken weinigen hierin echt wat gerealiseerd te hebben. Waarom? Omdat ik websites verkoop en elke bezoeker aan mijn website(s) deze gelegenheid wil bieden. De toekomstige klant kan zo "live" en online een design bekijken en uitproberen. Probleem? Ja. Het lijkt makkelijk. Ik kan bijvoorbeeld een tien- twintigtal Joomla installaties plaatsen op de server en binnen elke installatie een nieuwe website plaatsen met elke een origineel design en layout. Maar: dat neemt serverruimte in beslag, dat neem database ruimte in beslag en boven alles: de bezoeker moet wel erg veel geduld hebben want elke keer als hij een ander design wil bekijken

Verder lezen

Logo verplaatsen binnen Joomla template

Dit is zo basaal en simpel dat het bijna schaamteloos is om daar een blogpost over te schrijven. Maar ik heb dan wel mooie titels (dewebmeester.nl / Spiderman Webdesign / Master of Science / Ir. en nog een aantal) maar soms ben ook ik gewoon veel teveel tijd kwijt met de meest onbenullige zaken. Om dat te voorkomen een blogpost: Doel: het logo moet enkele centimeters omhoog worden geplaatst Normale werkwijze: Firebug en opzoeken welke css files er aangepast moeten worden Probleem: er blijkt geen enkele css verwijzing te zijn die positie van logo bepaalt. Het logo zit ergens gevangen binnen een vast kader binnen de html. Oplossing: logo verwijderen. Ja, daarmee is hij toch ook verplaatst? En vervolgens een nieuwe module aanmaken: modules —–> nieuw —–> aangepaste html —–> naam logo, titel niet tonen, afbeelding uploaden (logo bestand) en opslaan binnen modulepositie die wel de juiste plaats weergeeft. En natuurlijk opslaan. Gelukt. Advies: voortaan altijd een logo binnen een aangepaste html module plaatsen. Dat maakt verhuizen en aanpassen makkelijk. Groeten!

Verder lezen

Het grote probleem: tekst vinden en aanpassen binnen website files (met name .php)

Tja, het lijkt zo makkelijk: een tekst aanpassen binnen een website. Dat is het ook, als je maar weet in welke file of op welke plaats die tekst te vinden is. Met Firebug lijken we heel erg geholpen te zijn. Maar helaas, dat geldt eigenlijk alleen voor de .css files want daarvan wordt inderdaad heel duidelijk aangegeven in welke file de gezochte code te vinden is. Heel handig maar niet genoeg. Het voorbeeld probleem waar ik nu mee zit: binnen een Joomla template inclusief Virtuamrt wil de klant enkele teksten aangepast hebben. Dat bied ik standaard aan en kost me nog altijd veel te veel tijd. Dus: als eerste wil ik vragen of iemand van mijn lezers mogelijk een eenvoudige addon weet die aangeeft binnen welke file op de server een bepaalde tekst te vinden is. Tot dan toe werk ik voornamelijk via de offline methode: Stap 1: ik download de complete map / folder waarvan ik verdenk dat daar ergens de tekst tussen zou moeten staan Stap 2: ik open alle files van een bepaalde extensie (meestal .php) uit

Verder lezen

Module positie toevoegen aan Joomla template

Ik heb er weer helemaal zin in: Ik ga enkele mogelijkheden beschrijven die het mogelijk maken om elke html/css webpagina om te zetten in een bruikbaar Joomla template. Voordelen: Joomla is HET open source management system voor Joomla websites en omdat dit het meest uitgebreide CMS is ter wereld, is het gewoon rechtvaardig om een mogelijkheid te kennen om een “gewone” HTML pagina te importeren in dit CMS. Dat zal het gemakkelijk maken om één of meerdere van de duizenden (gratis) beschikbare Joomla componenten en modules te integreren in een HTML website, gebruikersaccounts aan te maken en te beheren, artikelen en andere inhoud online bij te houden, enzovoorts, enzovoorts. In deze bijdrage het onderwerp: Module posities. Voorbeeld: aanpassing van de purity_ii template van Joomlart Module posities staan genoemd in de templatedetails.xml file die onderdeel uitmaakt van de gebruikte joomla template. Deze file is the vinden in de folder ‘templates’ en dan natuurlijk binnen de subfolder van de betreffende template. Om een modulepositie toe te voegen of te verwijderen hoef je alleen aanpassingen te maken binnen het rijtje. In mijn voorbeeld:

Verder lezen

Een joomla module binnen een joomla artikel

Dit zou heel veel mogelijk maken: het direct publiceren van een Joomla module binnen een Joomla artikel. Waarom? Omdat elke joomla template begrensd is door de de beschikbare ‘module posities’. Naast module posities is er nog ruimte voor artikelen. Deze ruimte heet ‘content’ en is geen module positie. Door deze ruimte toch te gebruiken om modules te plaatsen, kun je menu’s, flash modules, sliders, fotoalbums, en alles dat je via een module kunt publiceren, heel makkelijk weergeven binnen een artikel zonder dat je daar een dure ‘editor’ voor nodig hebt. Hierbij hoe je dit kunt oplossen en een voorbeeld: Maak een module aan of installeer die. (Hoe je dit doet vind je in andere hoofdstukken) Maak een nieuwe module positie aan (klikken op nieuwe module en onder scroll menu ‘positie’ gewoon klikken op een beschikbare positie – niet belangrijk welke – en vervolgens een nieuwe naam typen: handmatig. Wel even onthouden welke naam dit is.) Ik heb in mijn voorbeeld de positie ‘video’ aangemaakt. Maak een nieuw artikel aan of open een bestaand artikel. Plaats binnen dit artikel de volgende

Verder lezen