Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Magento webwinkel starten & optimaliserenMichel Doens
Essentiele training voor het optimaal zelfstandig inrichten en optimaliseren van uw webwinkel
Duur: 8 uur
Doelgroep: eigenaren, developers
Vereisten: bekend met e-commerce en e-commerce systemen
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP programma. Advies software: Windows: Filezilla & Notepad++ MAC: Filezilla & textwrangler.
Magento 1.7 demo versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Magento installatie
Installatie van Magento binnen een hosting omgeving
opzet van de webshop
Configuratie van producten en categorieën
Configuratie van betaalmethodes en verzendmethodes
Zoekmachine optimalisatie (SEO)
Korte introductie tot HTML, CSS, PHP, XML
Multisite en multilinguele opzet
De systeem instellingen te begrijpen en te optimaliseren;
BTW beheren
Analyse & verbetering Magento performance
Full page caching toepassen
Maak je eigen template en weet daardoor precies wat voor toeters en bellen erin zitten. Er zijn genoeg projecten waarbij het aanbieden van een standaard template of aangekocht template niet meer voldoende is, maar waarbij je aan de slag mag met een aangeleverd design.
In deze presentatie deelt Hans Kuijpers een aantal best practices die hij zelf ook toepast bij het maken van Joomla! templates. Met een paar praktijkvoorbeelden en tips, zodat je direct zelf aan de slag kunt gaan met de nieuwe template van je eigen website.
Presentattie Joomladagen 2015:
Net als bij welk CMS dan ook laden Joomla sites soms traag. Echter, ook als je site al wel redelijk snel laadt kan de laadtijd nog steeds drastisch versneld worden. je zult er versteld van staan hoe makkelijk je veel winst kan behalen. De winst valt op en aantal punten te behalen:
Zoek een goede host en optimaliseer deze omgeving
Optimaliseer Joomla
Simpele regels in .htaccess
Beperk je in extensies / externe bronnen
Optimaliseer CSS en Javascript
Gebruik optimalisatie plugins
Optimaliseer plaatjes
Optimaliseer voor mobiele devices
http://joomlaseo.com/Blog/talking-at-the-dutch-joomladagen-2015
Start vandaag met het maken van eigen Joomla modules!
Wat zijn modules, en hoe kan een zelfgemaakte module het beheer van Joomla versimpelen? We leggen de basis uit van PHP, MySQL en XML en laten zien hoe je eenvoudig zelf een module maakt.
Deze presentatie is gegeven bij de Joomladagen 2016 en verschillende lokale Joomla User Groups.
Grandma & Joomla - Make Joomla User FriendlySander Potjer
Joomla is ontzettend flexibel en heeft heel veel mogelijkheden. Daardoor is Joomla breed inzetbaar, maar een nadeel hiervan is dat er in de frontend en backend veel keuzes te maken zijn. Voor een Joomla specialist is dat misschien geen probleem, maar bij veel eindgebruikers slaat de twijfel toe. "Welke taal moet ik selecteren, de site is toch maar in een taal?", "Wat is speciaal dan?", "Wat moet ik bij de alias invullen?". Zomaar een paar vragen die regelmatig langs komen.
In deze presentatie vol handige tips en tricks laat Sander zien hoe je Joomla kunt ontdoen van zo veel mogelijk "keuzemomenten" voor zowel de frontend als backend. Het toevoegen van bijvoorbeeld een artikel kan zo eenvoudig worden dat zelfs oma's artikelen op een Joomla site kunnen plaatsen!
Magento webwinkel starten & optimaliserenMichel Doens
Essentiele training voor het optimaal zelfstandig inrichten en optimaliseren van uw webwinkel
Duur: 8 uur
Doelgroep: eigenaren, developers
Vereisten: bekend met e-commerce en e-commerce systemen
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP programma. Advies software: Windows: Filezilla & Notepad++ MAC: Filezilla & textwrangler.
Magento 1.7 demo versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Magento installatie
Installatie van Magento binnen een hosting omgeving
opzet van de webshop
Configuratie van producten en categorieën
Configuratie van betaalmethodes en verzendmethodes
Zoekmachine optimalisatie (SEO)
Korte introductie tot HTML, CSS, PHP, XML
Multisite en multilinguele opzet
De systeem instellingen te begrijpen en te optimaliseren;
BTW beheren
Analyse & verbetering Magento performance
Full page caching toepassen
Maak je eigen template en weet daardoor precies wat voor toeters en bellen erin zitten. Er zijn genoeg projecten waarbij het aanbieden van een standaard template of aangekocht template niet meer voldoende is, maar waarbij je aan de slag mag met een aangeleverd design.
In deze presentatie deelt Hans Kuijpers een aantal best practices die hij zelf ook toepast bij het maken van Joomla! templates. Met een paar praktijkvoorbeelden en tips, zodat je direct zelf aan de slag kunt gaan met de nieuwe template van je eigen website.
Presentattie Joomladagen 2015:
Net als bij welk CMS dan ook laden Joomla sites soms traag. Echter, ook als je site al wel redelijk snel laadt kan de laadtijd nog steeds drastisch versneld worden. je zult er versteld van staan hoe makkelijk je veel winst kan behalen. De winst valt op en aantal punten te behalen:
Zoek een goede host en optimaliseer deze omgeving
Optimaliseer Joomla
Simpele regels in .htaccess
Beperk je in extensies / externe bronnen
Optimaliseer CSS en Javascript
Gebruik optimalisatie plugins
Optimaliseer plaatjes
Optimaliseer voor mobiele devices
http://joomlaseo.com/Blog/talking-at-the-dutch-joomladagen-2015
Start vandaag met het maken van eigen Joomla modules!
Wat zijn modules, en hoe kan een zelfgemaakte module het beheer van Joomla versimpelen? We leggen de basis uit van PHP, MySQL en XML en laten zien hoe je eenvoudig zelf een module maakt.
Deze presentatie is gegeven bij de Joomladagen 2016 en verschillende lokale Joomla User Groups.
Grandma & Joomla - Make Joomla User FriendlySander Potjer
Joomla is ontzettend flexibel en heeft heel veel mogelijkheden. Daardoor is Joomla breed inzetbaar, maar een nadeel hiervan is dat er in de frontend en backend veel keuzes te maken zijn. Voor een Joomla specialist is dat misschien geen probleem, maar bij veel eindgebruikers slaat de twijfel toe. "Welke taal moet ik selecteren, de site is toch maar in een taal?", "Wat is speciaal dan?", "Wat moet ik bij de alias invullen?". Zomaar een paar vragen die regelmatig langs komen.
In deze presentatie vol handige tips en tricks laat Sander zien hoe je Joomla kunt ontdoen van zo veel mogelijk "keuzemomenten" voor zowel de frontend als backend. Het toevoegen van bijvoorbeeld een artikel kan zo eenvoudig worden dat zelfs oma's artikelen op een Joomla site kunnen plaatsen!
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
Waarom een 3rd party extensie gebruiken als Joomla core de benodigde content al bevat? Een kalender, slideshow, carrousel en smoelenboek. Allemaal met Joomla, zonder uitbreiding van 3th party extensies.
Met deze workshop legt Hans Kuijpers aan de hand van vele voorbeelden uit hoe je template overrides en jLayouts toepast. Als deelnemer ga je ook zelf aan de slag. Dus neem je laptop mee en zorg ervoor dat je met een Joomla website aan de slag kunt. We gaan dingen stuk maken, dus pak niet de website die nu live staat. Voorkennis van PHP, HTML, JS en CSS is wel handig. Een dosis Gezond BoerenVerstand is nog veel belangrijker.
Deze workshop was op vrijdag 17 mei 2019 tijdens de Nederlandse JoomlaDagen. #jd19nl
Social Media & SEO - Joomla SEO Expert SessieSander Potjer
Presentatie door Hans Kuijpers - Social Media & SEO. Gegeven tijdens de Joomla SEO Expert Sessie op 18 maart in Bussum: https://perfectwebteam.nl/expert-sessie/joomla-seo
I created a presentation to explain some similarities and differences between the Magento community and enterprise editions. If you're looking into using Magento but having doubt about the version, I hope this can help to make than decision.
How To Create Theme in Magento 2 - Part 1Magestore
How to create theme on Magento 2. A useful tutorial for any Magento developers.
Other updates & tutorial are on Magestore Blog: http://blog.magestore.com/magento-2/
How Ideapreneurs take Relationships Beyond the ContractHCL Technologies
HCL’s 100,000 Ideapreneurs are changing the world one relationship at a time. And they’re doing it by taking their relationships with their customers beyond the contract. Our approach to engagements is best described by the word ‘relationship’. Because every relationship – be it between family members, friends, colleagues, or clients and vendors – operates based on a contract, whether written or unwritten. But beautiful relationships that benefit both parties are sustained by emotions, behaviour, and actions that go beyond that explicit or implied contract.
In business, a contract can safeguard all that is in within the “span of control”. But in today’s uncertain world where business and macro environment are seeing new challenges and undergoing changes every day, what makes an engagement truly worthwhile is that which cannot be scripted in any contract. It’s a simple thing called values. Read on to understand the HOWS and WHATS of HCL Technologies Ltd. that believes in leading with its Relationships - with its customers, clients, partners and employees - that go Beyond the contract.
VISÃO SOBRE O ABUSO SEXUAL CONTRA CRIANÇAS E ADOLESCENTESDarciane Brito
A discussão do tema abuso sexual é cada vez mais frequente na sociedade brasileira, levantando opiniões diversas sobre o tema. Tendo em vista a necessidade de mais trabalhos sobre a cerca do assunto, o presente artigo buscou estudar a visão da população sobre o abuso sexual contra crianças e adolescentes. Focando principalmente no nível de tolerância apresentados por ambos os sexos.
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
Waarom een 3rd party extensie gebruiken als Joomla core de benodigde content al bevat? Een kalender, slideshow, carrousel en smoelenboek. Allemaal met Joomla, zonder uitbreiding van 3th party extensies.
Met deze workshop legt Hans Kuijpers aan de hand van vele voorbeelden uit hoe je template overrides en jLayouts toepast. Als deelnemer ga je ook zelf aan de slag. Dus neem je laptop mee en zorg ervoor dat je met een Joomla website aan de slag kunt. We gaan dingen stuk maken, dus pak niet de website die nu live staat. Voorkennis van PHP, HTML, JS en CSS is wel handig. Een dosis Gezond BoerenVerstand is nog veel belangrijker.
Deze workshop was op vrijdag 17 mei 2019 tijdens de Nederlandse JoomlaDagen. #jd19nl
Social Media & SEO - Joomla SEO Expert SessieSander Potjer
Presentatie door Hans Kuijpers - Social Media & SEO. Gegeven tijdens de Joomla SEO Expert Sessie op 18 maart in Bussum: https://perfectwebteam.nl/expert-sessie/joomla-seo
I created a presentation to explain some similarities and differences between the Magento community and enterprise editions. If you're looking into using Magento but having doubt about the version, I hope this can help to make than decision.
How To Create Theme in Magento 2 - Part 1Magestore
How to create theme on Magento 2. A useful tutorial for any Magento developers.
Other updates & tutorial are on Magestore Blog: http://blog.magestore.com/magento-2/
How Ideapreneurs take Relationships Beyond the ContractHCL Technologies
HCL’s 100,000 Ideapreneurs are changing the world one relationship at a time. And they’re doing it by taking their relationships with their customers beyond the contract. Our approach to engagements is best described by the word ‘relationship’. Because every relationship – be it between family members, friends, colleagues, or clients and vendors – operates based on a contract, whether written or unwritten. But beautiful relationships that benefit both parties are sustained by emotions, behaviour, and actions that go beyond that explicit or implied contract.
In business, a contract can safeguard all that is in within the “span of control”. But in today’s uncertain world where business and macro environment are seeing new challenges and undergoing changes every day, what makes an engagement truly worthwhile is that which cannot be scripted in any contract. It’s a simple thing called values. Read on to understand the HOWS and WHATS of HCL Technologies Ltd. that believes in leading with its Relationships - with its customers, clients, partners and employees - that go Beyond the contract.
VISÃO SOBRE O ABUSO SEXUAL CONTRA CRIANÇAS E ADOLESCENTESDarciane Brito
A discussão do tema abuso sexual é cada vez mais frequente na sociedade brasileira, levantando opiniões diversas sobre o tema. Tendo em vista a necessidade de mais trabalhos sobre a cerca do assunto, o presente artigo buscou estudar a visão da população sobre o abuso sexual contra crianças e adolescentes. Focando principalmente no nível de tolerância apresentados por ambos os sexos.
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo BruggePureplexity
Deze presentatie werd gegeven bij de sessie die we gaven voor de 2de en 3de jaars studenten van het graduaat informatica aan het IVO te Brugge. In deze presentatie behandelden we 3 grote onderwerpen: HTML 5, ASP.NET MVC en Windows Azure.
6. Thema’s maken & aanpassen
Base of Basis Pakket
app/design/frontend/base/default/
Bevalt alle layout en template
bestanden welke nodig zijn om de
core functionaliteiten van
magento te laten werken.
skin/frontend/base/default/
Bevat een PAAR CSS en
Javascript files, welke de core
functionaliteiten ondersteunen.
Het bevat echter nit all CSS en
plaatjes welke nodig zijn om de
site te stylen omdat deze design
afhankelijk zijn en niet van
invloed zijn op de kern.
Tips:
Regel 1: Nooit het ‘base’
pakket nooit aanpassen!
Regel 2: Geen custom
theme aanmaken in het
‘base’ pakket.
7. Thema’s maken & aanpassen
Werking Fall-back
Magento zoekt eerst in:
app/design/frontend/custom_package/custo
m_theme/
skin/frontend/custom_ pakket/custom_theme
Niet gevonden? Magento kijkt in:
app/design/frontend/custom_pakket/default
skin/frontend/custom_pakket/default
Nog niet gevonden? Magento kijkt in:
app/design/frontend/base/default
skin/frontend/base/default
Nog niet gevonden? > foutmelding
Tips:
Regel 3: Maak altijd een
eigen pakket!
app/design/frontend/your_custom
_package/default and
skin/frontend/your_custom_packa
ge/default
Regel 4: Kopieer niet alle
bestanden uit de base,
enkel die je wilt
aanpassen!
8. Thema’s maken & aanpassen
Hoe starten?
Default/blank
gebruiken
Yoast blanco theme
Opdracht: maak een eigen
pakket en leeg theme aan.
9. Thema’s maken & aanpassen
Theme activeren Opdracht: maak een eigen
pakket en leeg theme aan.
10. Thema’s maken & aanpassen
Responsive?
Nadeel: laadtijd!
Oplossing: eigen
theme
Tablet theme?
Uitzondering
client/browsers
11. Thema’s maken & aanpassen
Opties broswer agents o.a.:
iPhone
iPod
BlackBerry
Palm
Googlebot-Mobile
Mobile|mobile|mobi|
Windows Mobile
Safari Mobile
Android
Opera Mini
14. Thema’s maken & aanpassen
Layouts local.xml
Cms blokken positioneren zoals aan/uit
schakelen
Wisselen van template voor bebaalde
module of controller actie.
Blokken op pagina’s toevoegen
CSS/JS aan pagina’s toevoegen
18. Thema’s maken &
aanpassen:layout
Layouts local.xml
Label > soms van toepassing als
naam
Reference > referentie naar reeds
aanwezig block
Block > wordt gebruikt voor naam
nieuw block
Remove > bestaand block
verwijderen, in combinatie met ‘name’
attribute
Action > functie in de controller welke
uitgevoerd wordt. De actie die moet
worden uitgevoerd voor het
betreffende blok.
Update > neemt bestaande definities
mee in nieuw blok.
<default>
<reference name="head">
<block type="core/text"
name="google.cdn.jquery">
<action method="setText">
<text><![CDATA[<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/j
query.min.js"></script><script
type="text/javascript">jQuery.noConflict();</script>]]>
</text>
</action>
</block>
</reference>
</default>
25. Thema’s maken &
aanpassen:layout
Block Types
Standaard blokken in magento
core/template: This block renders a template
defined by its template attribute. The majority of
blocks defined in the layout are of type or subtype of
core/template.
page/html: This is a subtype of core/template and
defines the root block. All other blocks are child
blocks of this block.
page/html_head: Defines the HTML head section
of the page which contains elements for including
JavaScript, CSS etc.
page/html_header: Defines the header part of the
page which contains the site logo, top links, etc.
page/template_links: This block is used to create a
list of links. Links visible in the footer and header
area use this block type.
core/text_list: Some blocks like content, left, right etc. are
of type core/text_list. When these blocks are rendered, all
their child blocks are rendered automatically without the
need to call the getChildHtml() method.
page/html_wrapper: This block is used to create a
wrapper block which renders its child blocks inside an
HTML tag set by the action setHtmlTagName. The default
tag is <div> if no element is set.
page/html_breadcrumbs: This block defines
breadcrumbs on the page.
page/html_footer: Defines footer area of page which
contains footer links, copyright message etc.
core/messages: This block renders error/success/notice
messages.
page/switch: This block can be used for the language or
store switcher.