Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn

Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Versie: december 2009 De OFB Webshop / website kenmerkt zich door de eenvoudige en efficiënte opzet om door middel van het programma OFB Webbeheer artikelen uit de backoffice van Exact Globe, Unit4 Multivers of OFB Business in een webshop te tonen. Via deze webshop kunnen klanten bestellingen ingeven welke als orders / facturen in de gekoppelde backoffice komen. Zie voor een overzicht van de functies het functieoverzicht van de betreffende OFB Webshop. Deze functieoverzichten kunt u vinden op onze website www.ofb.nl onder het menu Informatie, brochures. Omdat veel klanten ook behoefte bleken te hebben om zo mogelijk ook hun website via de OFB Webshop te beheren zijn een aantal zaken als optie aan de OFB Webshop toegevoegd zodat u met behulp van het programma OFB Webbeheer ook een eenvoudige website kunt opzetten en beheren. Zie voor een uitgebreide beschrijving van de mogelijkheden om uw website op te zetten en te beheren de handleiding van het programma OFB Webbeheer. Deze handleiding kunt u vinden op onze website www.ofb.nl onder het menu Support, Downloads. Kies vervolgens in het rolmenu “groep” de groep “Webmodules”. Om eventueel ook overige zaken in de lay-out te wijzigen die niet via het programma OFB Webbeheer mogelijk zijn, biedt OFB Software uitgebreide mogelijkheden om zelf het CMS aan te passen. Daardoor kunt u heel veel zaken met betrekking tot de lay-out geheel naar eigen wensen inrichten en opmaken. Voor dergelijke opmaak is wel voldoende kennis noodzakelijk van HTML en het kunnen werken met zogenaamde .CSS bestanden. In de praktijk zien wij dat bijvoorbeeld het reclamebureau waar bedrijven mee werken hierin een belangrijke rol kunnen spelen. Maar indien gewenst kan OFB Software ook zelf uitgebreide trajecten met betrekking tot wensen in de opmaak / lay-out voor u bieden. OFB Software biedt hiervoor op verschillende niveaus een oplossing. Wij hebben zelf mensen in dienst die tot een bepaald niveau opmaak en designwensen voor u kunnen uitvoeren. En wij hebben een netwerk van een aantal website designburo’s die voor iedere wens en daarbij behorend budget een passende oplossing kan bieden.

Z:\OFB WEB\Handleidingen\Zelf lay-out aanpassen OFB Webshop januari 2010.doc

Zelf overige lay-out aanpassen Wij komen ook regelmatig de situatie tegen dat bedrijven zelf een eigen DTP / reclameafdeling hebben waar vaak ook een stuk (HTML e.d.) kennis aanwezig is. Ook voor die situaties biedt OFB Software een oplossing. Door middel van dit document kunnen medewerkers die voldoende kennis bezitten van HTML en .CSS zelf heel veel zaken met betrekking tot de lay-out aanpassen. Daarnaast willen wij nog vermelden dat u ook de indeling van de zogenaamde “controls” zelf een plaats kunt geven in de website / webshop. Hier is echter wel een beperking aan. Grofweg is de layout beperkt tot drie (maximaal vier) “blokken”. • Een header. U bent 100% vrij om de afbeelding van de header op te maken / aan te leveren; • Een kolom links en / of rechts voor de (sub) navigatie; • Naast de kolom voor de (sub) navigatie heeft u een volledig vrij in te vullen gedeelte voor de website content. (De webshop content zoals lijst met artikelen, gelden andere eisen voor. Die u voor een deel ook zelf aan kunt passen). Concreet: De OFB Webshop / website heeft een header met links / en of rechts een kolom voor de (sub)navigatie. Binnen deze kolommen kunt u bepalen of en welke “controls” u wilt tonen zoals: zoekopdracht, menu, productgroep, overige, betaalwijzen, nieuwsitems en top-5 meest verkochte artikelen. Opmerking: OFB Software is bereid om u te assisteren / uitleg te geven om zelf dergelijke lay-out aanpassingen door te voeren u moet hierbij wel rekening houden dat de bestede tijd hiervoor op basis van nacalculatie aan u in rekening wordt gebracht. In de offertes die wij uitbrengen voor het leveren en installeren van een OFB Webshop / website wordt precies omschreven wat wij voor de geboden prijs wel en niet leveren. Heel veel zaken ten behoeve van het aanpassen van de content / pagina’s en menu’s aan te passen kunt u (als gebruiker) zelf doen via het meegeleverde programma OFB Webbeheer. Daarin zit een eenvoudig zogenaamd CMS waarmee u al heel veel zaken zelf kunt doen. Sommige zaken in de lay-out kunnen niet via OFB Webbeheer, maar dient (eventueel uw reclamebureau, of kunnen wij tegen betaling voor u doen) u rechtstreeks in de betreffende pagina’s of bestanden aan te passen. Alle CSS elementen staan in onderstaande volgorde in het bestand zelfAanpasbaar.css De eigenschappen van deze elementen overschrijven de gelijknamige eigenschappen van dezelfde elementen in de andere CSS bestanden.



# 1 1 2 2 2 2 2 2 3 4 5 6 7 7 8 9 9 10 10 11 11

Omschrijving

Css element

Lettertype #tblMenuBalk Tekst kleur .OFBTopMenuItem Lettertype rollover Elke .OFBMenu… element Tekst kleur rollover .OFBMenuItemHover Achtergrond kleur rollover .OFBMenuItemHover Tekst kleur dropdown .OFBMenuItem Achtergrond kleur dropdown .OFBMenuItem / .OFBMenuIsland Rand dropdown .OFBMenuIsland Rechterkant linkerkolom .leftColumn Linkerkant rechterkolom .rightColumn Kleur onderkant Top artikelen .lijntjeOnderKader Achtergrondafbeelding in menu #tblMenuBalk Uitgebreid zoeken .totaalregel Uitgebreid zoeken rollover .totaalregel a Afbeelding kader kopjes div.titelbalk Lettertype div.titelbalk Kleur tekst div.titelbalk Lijnkleur menu item linkerkolom a.m-l1-false Lijntype menu item linkerkolom a.m-l1-false Achtergrondkleur menu item linkerkolom a.m-l1-false Achtergrondkleur menu item linkerkolom a.m-l1-false:hover rollover 12 Lettertype menu item linkerkolom a.m-l1-false 12 Lettertype menu item linkerkolom a.m-l1-false:hover 12 Kleur tekst menu item linkerkolom a.m-l1-false 12 Kleur tekst menu item linkerkolom a.m-l1-false:hover 13 Achtergrondkleur rechterkolom .rightColumn 14 Achtergrondkleur middenkolom .centerColumn 15 Achtergrondkleur linkerkolom .leftColumn 16 Kleur titel pagina .title 17 Kleur titel nieuwsitem rechterkolom .nieuwsTitel 17 Lettertype titel nieuwsitem rechterkolom .nieuwsTitel 17 Kleur titel nieuwsitem rechterkolom rollover .nieuwsTitel:hover 17 Lettertype titel nieuwsitem rechterkolom .nieuwsTitel:hover rollover Z:\OFB WEB\Handleidingen\Zelf lay-out aanpassen OFB Webshop januari 2010.doc 18 Kleur datum nieuwsitem rechterkolom .nieuwsDatum

Bestand

Afm. (b x h)

_images/bg_topmenubalk.gif

1 x 26

_images/titelbalk.gif

20 x 200

18 19 19 20 20 20 20 21 21 21 22

Lettertype datum nieuwsitem rechterkolom Lettertype inhoud nieuwsitem Kleur tekst inhoud nieuwsitem Lettertype link meer nieuwsitem Kleur link meer nieuwsitem Lettertype link meer nieuwsitem rollover Kleur link meer nieuwsitem rollover Lettertype footer Kleur tekst footer Achtergrond afbeelding footer Achtergrond afbeelding header

.nieuwsDatum .nieuwsInhoud .nieuwsInhoud .nieuwsMeer .nieuwsMeer .nieuwsMeer:hover .nieuwsMeer:hover td.bottom td.bottom td.bottom .header

_images/bg_topmenubalk.gif _images/bg_toptitel.gif

1 x 26 990 x 113

Aanpassen aantal overige zaken: Om bepaalde zaken aan te passen binnen de webshop die je over een ftp programma te beschikken. Er zijn veel bedrijven die dit aanbieden. Een gratis programma wat de te downloaden is via Internet is FileZilla. Via de site http://filezilla.downloadnieuws.nl/ kan je het programma gratis downloaden. Om vervolgens in te loggen op de eigen site waar de webshop gehost wordt dien je een Host adres, username en password te hebben;

Als je eenmaal ingelogd bent werkt ofb met een datafolder waar het volgende in staat; - Ofbwebexport database - Ofbcms - Ofb.mdw Z:\OFB WEB\Handleidingen\Zelf lay-out aanpassen OFB Webshop januari 2010.doc

-

OFBCMSSetting.xml Temp o Hierin staan worden alle weborders opgeslagen

En ofb werkt met een www folder waar alle pagina’s, plaatjes etc. staan 1. Hoe kunnen de gegevens aangepast, verwijderd worden bij de artikelinformatie (productdetail)? Bijv. het verwijderen van de informatie Product/fabrikant nr, EAN, minimum bestelaantal? a. Dit kan je uitcommentariëren in de pagina ctrlShopProductDetail.ascx 2. Is de grootte van de artikelgroepen foto’s te wijzigen? a. In de control ctrlShopProductGroep.ascx kan bepaald worden aan de hand van pixels hoe breed en lang de foto’s van de artikelgroepen moeten zijn

3. Is de breedte van de kolom artikelnummer te wijzigen? a. In de controle ctrlShopProductLijst.ascx kan je middels het aangeven van pixels bepalen hoe breed de kolom moet zijn


4. Bestaat er de mogelijkheid om de shop startpagina met artikelen te gebruiken in combinatie met een welkomst tekst? a. Dit kan alleen door in het controle ctrlShopStartpagina.ascx een eigen tekst te typen 5. Bij het plaatsen van een bestelling dienen er een aantal gegevens te worden ingevuld door de klant. De labels kunnen gewijzigd worden binnen het programma Webbeheer binnen de het menu ‘Beheer van vertalingen’.

6. Kan het ook dat als je op de foto klikt in de productlijst worden doorverwezen de productdetail. a. In de controle ctrlShopProductlijst.ascx kan je instellen dat de thumbnail een link wordt naar de productdetail. 7. Kan je ook bepaalde teksten vetgedrukt, cursief of groter maken a. In de controles ctrlShopProductlijst.ascx en ctrlShopProductdetail.ascx kan je bepalen of bepaalde labels of teksten vetgedrukt, cursief of groter moeten zijn.


Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn

Recommend Documents