dinsdag 24 april 2012

html2joomla vervolg: aanpassen css files vanwege (background) images

In een vorige blogpost ben ik uitgebreid ingegaan op de mogelijkheid om een html / css template om te bouwen naar een Joomla 2.5 template. Dat leek aardig te lukken maar ik was niet helemaal tevreden. Terecht. De menu stijl was (en is) niet wat het zou moeten zijn. ( www.joomlamarket.info/html2joomla ) Wat helpt is dat ook de achtergrond afbeelding niet te zien is. Dat is tenminste een duidelijke aanwijzing. Waar is die afbeelding gebleven? Eerst even zoeken in de index file van de oorspronkelijke html website. Niet te vinden? Werkelijk. Niet te vinden. Niet eens een verwijzing via een css code. Volgende stap is te kijken binnen 'images' map en daar is de afbeelding duidelijk te zien. Dan maar kijken in css file en zoeken op de naam van de achtergrond image. Ja, daar is hij, verstopt in de css file via een html verwijzing:

html { padding:0; margin:0 auto; /*background:#e9e9e9 url(images/main_bg.jpg) repeat left top;*/}
Deze "images/main_bg.jpg" link blijkt dus niet te werken. Logisch. De css file gaat uit van een filestructuur waarbij de images map een submap is, direct onder de root van de website. Maar bij een Joomla template is dat niet het geval. Daarbij hoort een verwijzing als: root/templates/mijntemplate/images/main_bg.jpg ; Het makkelijkste lijkt me om die link te vervangen door de complete url inclusieg http:// ;
Maar hoe zit dat met de andere verwijzingen binnen de template.css file? Ook die pas ik aan en vul hier de complete url's in. Pagina opnieuw laden en......
een prachtig resultaat. Maar: ik ben nog steeds niet tevreden over de layout van het menu. Daarover gaat een volgende blogpost.
groeten!
Hieronder graag reageren: geef even aan hoe u denkt dat een "gewone" html template het beste omgebouwd kan worden tot een Joomla 2.5 template.

Question: How to adapt personal and profile information for Joomla users

Answer:
From frontend:
- Search for login link on frontpage and fill in your credentials.
- After logging in you should see a link "your profile", click on it and change settings.

From backend:
- go to yoursite.com/administrator, login with your credentials.
- go to user management and click on your name.
- change info, fill in new password twice, click on save.
That's all.

You lost your password or username? On frontend you should see a link "lost password", click on it and a emailmessage will be send to you.
You do not know from which email you registered or can not access your former emailaccount? You should contact the administrator of the website. Or: if you have access to phpmyadmin, go to your database, click on it, go to table with "user" in it, click on it, edit settings for user regarding email (you should see your former email, just fill in an other emailaddress), click on save, go back to frontend of website, and click on "lost password" and you will receive an email on other emailaccount.

vrijdag 13 april 2012

Desktop Virtuemart shop manager, test en review

Geinteresseerd in de Desktop Product Manager voor Virtuemart maar zelf niet het geduld en tijd om onderstaande toe te passen? Vraag info@dewebmeester.nl om hulp.

Waarom Desktop Product Manager voor Virtuemart?
Het leek te mooi om waar te zijn maar nu ga ik toch bijna geloven dat het waar is. Vandaag een extra blog post.
Stel: u heeft een webwinkel en die draait op Virtuemart / Joomla en u wilt natuurlijk elke dag producten plaatsen, beschrijvingen aanpassen, prijzen aanpassen enzovoorts. Daartoe gaat u tot nu tot naar uw 1) Joomla control panel ----> 2) inloggen ----.> 3) componenten, Virtuemart -----> 4) productoverzicht -----> 5) zoeken naar aan te passen product ----> 6) aanpassen en opslaan. Kortom, 6 online stappen. Dat kan via de Desktop Product Manager anders: Via 2 online stappen. 1) Laden van producten en categorieen en 2) "Post to web". Ja daartussen in moet u natuurlijk uw aanpassingen doen maar dat kan dus offline en daarmee sneller.

Settings
Het instellen van de Desktop Product Manager blijkt een hele klus. Natuurlijk moet je alle database en logingegevens bij de hand hebben maar dat blijkt niet vanzelf voldoende. Oplossing is om te kiezen vor de "php bridge" optie waarbij via ftp een klein php bestand binnen de root van de Joomla website geplaatst wordt met daarin een gebruikersnaam en wachtwoord. Dit bestand maakt vervolgens de koppeling naar de mysql database en die gegevens zijn dan niet nodig. (en ze werken ook niet)

Gebruik
En toen ging ik aan het werk (instellingen aanpassen heeft me een halve dag gekost). Hieronder het screenshot wat al heel veel uitlegd. Het betreft de webwinkel op www.cheap-web.nl (klikken voor vergroting)

Virtuemart store manager desktop

Kortom: alle producten en categorieen worden netjes geladen. Inclusief alle opties, prijzen, beschrijvingen. Alles kan hier aangepast worden. Klikken op "Post" en verdergaan met veranderen.  Zaken die aangepast worden komen in een rij "Pending" terecht en na klikken op "Post to web" worden alle aanpassingen doorgevoerd naar de mysql database en daarmee binnen de online webwinkel. Grote voordeel: er zijn allerlei mogelijkheden tot batch processing. Alle data kunnen bijvoorbeeld geladen worden (binnen dit programma) binnen een "raw data sheet", gexporteerd naar Excel (lijkt me niet direct nodig omdat programma zelfde edit mogelijkheden als excel lijkt te hebben.) Een lijst producten in andere categorieen plaatsen? Mogelijk. Een lijst met prijzen aanpassen? Mogelijk. Het lijkt erop dat deze desktop toepassing veel extra Virtuemart plugins onnnodig maakt. Maar het vraagt wel even tijd om het programma te leren kennen. Maar die tijd zou wel eens heel snel terugverdient kunnen worden. Kijk voor info:
http://www.magneticone.com/store/VirtueMart.Modules/Store.Manager.for.VirtueMart en natuurlijk info@dewebmeester.nl Plaats ervaringen met dit programma of andere ervaringen met andere toepassingen om Virtuemart te "managen" hieronder. Bedankt alvast!

donderdag 12 april 2012

html2joomla gelukt voor dreamtemplate.com template naar joomla 2.5 theme

Gelukt!
Bron dreamtemplate.com: http://www.templateaccess.com/demos/zoomteg/
Voorlopige resultaat joomla 2.5: http://joomlamarket.info/html2joomla/
Ja er zijn nog wat zaken aan te passen maar de basis is er en het werkt.
Mijn uitgangspunt was de Joomla standaard template die is te downloaden via:
http://cheap-web.nl/index.php/online-store/40-templates/62-joomla-25-standaard-template.
Vervolgens:
1) Code tussen <body> </body> uit index.html overzetten naar index.php
2) Code uit style.css overzetten in css/template.css
3) Moduleposities bepalen binnen index.php dor plaatsen van <jdoc:include type="modules" name="NAAM VAN MODULEPOSITIE" style="xhtml" />plus positie voor content <jdoc:include type="message" /> en een verwijzing naar componenten <jdoc:include type="component" />
4) Alle andere css files plaatsen binnen css map
5) De js (javascript) folder kopieren naar de joomlatemplate folder
6) Verwijzingen in <head></head> plaatsen betreffende css en js files en scripts
7) TemplateDetails.xml aanpassen. Vooral opletten dat alle folder en losse files genoemd worden zoals:

<files>
<folder>css</folder>
<folder>js</folder>
<folder>images</folder>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_preview.png</filename>
<filename>template_thumbnail.png</filename>
</files>
En de verwijzingen naar moduleposities en andere "jdoc includes" moeten kloppen zoals:

<positions>
<position>top</position>
<position>wrapper</position>
<position>header</position>
<position>left</position>
<position>top2</position>
<position>top3</position>
<position>mainmenu</position>
<position>slider</position>
<position>right</position>
<position>footer</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>

</positions>
8) Inpakken van alle files in zip bestand en template installeren via extensiebeheer van nieuwe joomla installatie. Template natuurlijk wel op "standaard" zetten.
9) Alle link verwijzingen naar images en javascripts testen via Firebug
10) In template beheer aangeven dat modulepositie weergegeven moeten worden bij intikken van index.php/?tp=1 en kijken waar de modules terecht zijn gekomen. Eventueel positie aanpassen in index.php bestand (via Filezilla, rechtermuis klikken op index.php, view - edit, openen met Notepad+ en klikken op save)
11) Alle modules 1 voor 1 handmatig invullen via modulebeheer. De inhoud van de Joomla webpagina moet geplaatst worden binnen modules behalve natuurlijk de zaken die als "content" dienen, de artikelen. Die teksten kunnen eventueel via artikelbeheer binnen verschillende artikelen geplaatst worden.
Interesse? Laat hier gerust uw vragen en opmerkingen achter. De omgebouwde template is te verkrijgen via:
http://www.cheap-web.nl/index.php/online-store/20-joomla-website-en-cms/31-goedkoop/78-omgebouwd-html-joomla-theme
Wilt u dat we een design van u onbouwen tot Joomla template? Vraag naar de mogelijkheden. info

Werkwijze en overeenkomst tussen klant en dewebmeester.nl

Werkwijze:
De betaling van de offerte geldt als acceptatie van de offerte.
Dat betekent dat we niet garanderen dat er aan uw website wordt gewerkt als we geen betalingsbevestiging hebben ontvangen.
Elke klant heeft recht op periode van ondersteuning zoals beschreven in offerte. Periode start vanaf offertedatum.
Klanten die de offerte hebben betaald krijgen altijd voorrang boven degenen die dit (nog) niet deden.
De klant is zelf verantwoordelijk voor het snel toesturen van de juiste informatie
(teksten, illustraties en andere wensen).
Indien we geen nieuwe informatie ontvangen, kunnen we niet verder met de website en wordt het werkproces vertraagd.
In de praktijk betekent dit dat andere klanten voorrang krijgen ongeacht de vraag of offerte al dan niet betaald is.
Oftewel: Elke vertraging vanwege (te) laat betalen van de offerte of door het niet op tijd toesturen van de juiste informatie is voor de klant erg nadelig. De periode waarbinnen de klant recht heeft op ondersteuning verstrijkt en uiteindelijk zijn dan zowel de klant als wij ontevreden.
Het bestelde design wordt standaard geinstalleerd op hostingruimte bij info. Hosting bij dewebmeester.nl kost standaard 2.50 Euro per maand ex. BTW.
Standaard opmaak website (het plaatsen van webteksten en illustraties) kost standaard 99 Euro ex BTW. Daarvoor wordt maximaal 8 uur besteed. Extra uren kosten 20 Euro per uur ex. BTW. Bij standaard opmaak hoort alleen de vervanging van webteksten, illustraties en menu items voor zover ze onderdeel uitmaken van het bestelde ontwerp. Andere zaken zoals aanpassing layout, aanpassing kleuren, structuur, opmaak logo of installeren van extra toepassingen (voor zover nog niet aanwezig in bestelde ontwerp), worden apart doorberekent. De klant zal echter nooit een factuur krijgen als hij niet eerste een offerte heeft ontvangen en geaccepteerd die betrekking heeft op deze extra bestelling.

Hartelijke groeten namens www.dewebmeester.nl



Ir. Meindert A. Jorna (Msc.)

Savornin Lohmanstraat 45

6702BN Wageningen

☎ 0317 795149

Mob. 06 412 86716

☒ info

www.dewebmeester.nl

My profiles: facebook.png Facebook linkedin.png LinkedIn flickr.png Flickr twitter.png Twitter
My blog: Gebruik social media: de ketting reactie







TwitterLatest tweet: Gebruik social media: de ketting reactie http://t.co/5mt1rnD8Follow @dewebmeester twitter_reply.png Reply twitter_retweet.png Retweet 13:58 Apr-12


Get this email app!

















pictureLatest post: Begrip gevraagd voor freelancers!: Email verstuurd op vrijdag? Verwacht niet van je freelancer dat hij geen pasen viert! #begripgevraagd










like.png Like · Comment · ShareSpiderman Webdesign page on Facebook facebook.png Like




Get this email app!

pixel.png?p=mozilla&v=3.11.15&t=1334243169319&u=f9dfb1b61fc9370a

Gebruik social media: de ketting reactie

Alles lijkt mogelijk. Vraag me wel eens af waar dit fout gaat. Maar dit is wel leuk:
- Ik schrijf een email aan mijn blog. Subject is blogtitel. Na versturen wordt deze email automatisch gepost binnen mijn wordpress blog (deze blogpost is een voorbeeld)
- Maar alle gepubliceerde blogposten worden ook automatisch gepubliceerd op Twitter, Linkedin en Facebook
- Mijn email template laadt vervolgens automatisch de nieuwe blogposten die binnen wordpress blog gepubliceerd worden maar ook het laatste twitterbericht
- Ik krijg ook een mail dat er een nieuwe blogpost is geplaatst
- En natuurlijk wordt de inhoud van mijn website geupdate volgens de nieuwe inhoud op mijn facebook pagina, linkedin profiel en wordpress blog.
Wat 1 emailtje tegenwoordig allemaal in beweging kan zetten........

Waar aan te denken bij verhuizing (joomla) website?

Waar moet u aan denken bij verhuizen van uw website naar een andere hosting provider:

  1. Domeinnaam en websitehosting zijn twee verschillende zaken. Bij domeinnaam betreft het registratie waar over het algemeen iets van 10 Euro per jaar voor wordt betaald. Veel domeinhosters bieden ook websitehosting aan. Websitehosting heeft betrekking op de hoeveelheid webruimte (serverruimte) die de bestanden van de websites (alle files) in beslag nemen. Het is het parkeerterrein van uw website en daar betaald u een maandelijks bedrag voor (via dewebmeester.nl: 2.50 Euro per maand ex. BTW) In dit overzicht gaat het over de verhuizing van de websitebestanden en dus niet over verhuizing van de domeinnaam.

  2. Achterhalen wat de naamservers zijn van de nieuwe hostingprovider. dewebmeester.nl gebruikte bijvoorbeeld: ns1.pipedns.com en ns2.pipedns.com ; de domeinhoster (niet de webhoster)moet deze naamservers voor het geregistreerde domein aanpassen naar de nieuwe naamservers van de nieuwe websitehoster. Dat kun je meestal ook zelf doen via control panel bij de domeinhoster.

  3. Alle bestanden van de website zoals ze op de oude server (hoster) staan, moeten "gezipt" worden: ingepakt. Dat kan meestal via controlpanel (bijvoorbeeld cpanel)

  4. De rest van deze tekst lijkt verloren te zijn gegaan. Wordt vervolgt....

donderdag 5 april 2012

Snel plaatsen producten Virtuemart: import images component

Vandaag test ik een derde optie betreffende het snel kunnen plaatsen van producten in een webwinkel die draait op Joomla / Virtuemart. Zo heb ik bijvoorbeeld een klant (info)

Installeren is makkelijk, even opletten dat de juiste versie geinstalleerd wordt. Het is dus een component en te vinden onder "componenten". Even openen en dan zien we dit: (klik op afbeelding voor vergroting)


En direct daaronder dit: (klik op afbeelding voor vergroting)


Wat ik hier van leer: er worden hier geen afbeeldingen geupload. (Ik zie de knop "upload" niet). Maar ik moet wel een folder kiezen. Blijkbaar moet ik dus eerst foto's uploaden vanuit een folder van mijn computer naar een bepaalde folder binnen de root van de website. Laat ik dat eerst eens even doen.

Stap 1: ik plaats alle afbeeldingen (geen thumbs, maar de volledige productafbeeldingen) in 1 folder op de computer om uploaden makkelijk te maken.
Stap 2: ik pas de productbeschrijvingen aan. Daarvoor gebruik ik de "Bulk Rename Utility"; selecteer alle afbeeldingen waarvoor ik de naam wil aanpassen, rechtermuis, en klik op "Bulk Rename here". Nu moet ik er voor zorgen dat de filenaam op een productnaam gaat lijken (want die filenaam gaat dienen als productnaam). Het duurt toch even maar dan heb ik 14 afbeeldingen voorbereid om als product te importeren in Virtuemart.

Stap 3: uploaden naar een folder binnen de root van de website; ik maak daartoe eerst een aparte folder aan binnen de folder "images" met de naam "virtuemartimport". Met Filezilla is de import zo gedaan.

Stap 4: terug naar de component in Virtuemart (zie afbeelding 1 hierboven) en kies de folder waarin ik de nieuwe afbeeldingen heb geplaatst. En vervolgens vul ik alle informatie in (zie afbeelding 2) voor zover van toepassing op de producten die ik ga importeren. Eerste kan ik overslaan: de namen van de image files zullen als product naam gelden. Ik maak hier heerlijk gebruik van de mogelijkheid om direct verschillende attributen en opties toe te voegen! Geweldig. Zo heeft de bezoeker strakt tenminste wat te kiezen en ik ben wel heel weinig tijd kwijt met toevoegen van producten en allerlei opties! Tot nu toe ben ik heel enthousiast!

Stap 5: aanpassen productinfo. Bij klikken op "stap 2" krijg ik een heel volledig overzicht te zien van alle informatie die ik tot nu toe heb geplaatst. Daar kan ik eventueel per product de informatie aanpassen. Dat wil ik niet en ga verder met de laatste stap.

Stap 6: Importeren. Dat duur een seconde en alle 14 producten zijn met succes geimporteerd binnen de door mij gekozen categorieen inclusief de door mij toegevoegde attributen e.d.
Stap 7: controleren aan de voorkant. Dat ziet er helaas niet goed uit...... Ook na opschonen cache zie ik alleen dat aantal producten binnen een bepaalde categorie weliswaar is toegenomen maar als ik vervolgens klik op die categorie, krijg ik niet de vers geplaatst producten te zien......

Stap 8: contact opnemen met de ontwikkelaar. Wordt vervolgd en als dit niet gaat lukken dan wordt hij vervolgd (grapje, komt wel goed denk ik).
Tot zover;
Meindert Jorna
info

Stap 9: ontwikkelaar heeft direct gereageerd. Het is noodzakelijk om de producten na importeren ook nog te publiceren al doet de component vermoeden dat dit automatisch gebeurt.

Audio Post

[audio http://dewebmeester.files.wordpress.com/2012/04/audio-post-2012-04-05-10-08-35.mp3|titles=Audio Post]