- Berichten: 16
- Ontvangen bedankjes 0
Vraag Tip! Zelf module posities in de header van Artisteer templates maken
- Ronald
- Onderwerp Auteur
- Offline
- Gebruiker
Minder
Meer
11 jaren 8 maanden geleden - 11 jaren 8 maanden geleden #2032
door Ronald
Tip! Zelf module posities in de header van Artisteer templates maken werd gestart door Ronald
Een veel gestelde vraag (zowel aan mij als in forums) is hoe je een module in de header van een Artisteer template kunt plaatsen aangezien je in Artisteer deze niet kunt definieren. Het leek mij wel aardig om deze kennis met jullie te delen.
Zoals gezegd kun je in Artisteer niet module posities in de header aangeven waarin je b.v. een slide extensie kunt plaatsen. Deze posities kun je echter heel simpel zelf maken en via je stylesheet opmaken en positioneren. Wat ik erg leuk hieraan vind is dat je ze ook buiten je header kunt plaatsen.
Allereerst moet je de module voor de header definiëren, dit doe je in het index.php bestand van je template. Deze vindt je in de directory templates/naam van jouw template/
Onder de regel:
voeg je de volgende regel toe:
In mijn voorbeeld heb ik art-headercontent als class naam meegegeven maar dit mag ook een andere naam hebben zolang je maar deze naam ook gebruikt in je stylesheet. Je kunt ook meerdere posities definieren zolang je maar een andere class naam en positie naam gebruikt.
Wil je een tweede positie dan zou een tweede regel (let op de vetgedrukte tekst) onder de toegevoegde regel kunnen zijn:
Vervolgens ga je je stylesheet aanpassen dit is het bestand template.css, deze vindt je in templates/naam van jouw template/css/
Hierin ga je de verwijzing naar de class naam opnemen, uit mijn voorbeeld is dit dus .art-headercontent (vergeet de punt niet). Voor de tweede toegevoegde regel wordt dat dus .art-headercontent-2. Voeg hieronder de volgende code toe:
De pixel waardes en z-index waarde in deze code moet je natuurlijk wel aanpassen aan je eigen template.
Om de nieuw gedfinieerde posities in de keuzelijst met posities te krijgen moet je het templateDetails.xml aanpassen. Dit bestand vind je ook in de directory templates/naam van jouw template/
In je templateDetails.xml voeg je, afhankelijk van het aantal toegevoegde posities in je index.php, de header positie(s) toe.
Gebruik hier de naam/namen die je gebruikt hebt in het deel
In dit voorbeeld wordt dat dus voor beide regels:
Je kunt nu b.v. een slideshow module toewijzen aan de header of header-2 positie, met de waardes in je template.css kun je deze positioneren. Deze zal je dus moeten aanpassen aan jouw template. Als de module zelf parameters voor de hoogte en breedte heeft (zoals bij een slide module) dan zul je die nog wel moeten aanpassen aan de afmetingen van de header zelf zoals je die in Artisteer opgegeven hebt
Zoals gezegd kun je in Artisteer niet module posities in de header aangeven waarin je b.v. een slide extensie kunt plaatsen. Deze posities kun je echter heel simpel zelf maken en via je stylesheet opmaken en positioneren. Wat ik erg leuk hieraan vind is dat je ze ook buiten je header kunt plaatsen.
Allereerst moet je de module voor de header definiëren, dit doe je in het index.php bestand van je template. Deze vindt je in de directory templates/naam van jouw template/
Onder de regel:
Code:
<div class="art-header">
voeg je de volgende regel toe:
Code:
<div class="art-headercontent"><?php echo $view->position('header', 'art-nostyle'); ?></div>
Wil je een tweede positie dan zou een tweede regel (let op de vetgedrukte tekst) onder de toegevoegde regel kunnen zijn:
Code:
<div class="art-headercontent-2"><?php echo $view->position('header-2', 'art-nostyle'); ?></div>
Hierin ga je de verwijzing naar de class naam opnemen, uit mijn voorbeeld is dit dus .art-headercontent (vergeet de punt niet). Voor de tweede toegevoegde regel wordt dat dus .art-headercontent-2. Voeg hieronder de volgende code toe:
De pixel waardes en z-index waarde in deze code moet je natuurlijk wel aanpassen aan je eigen template.
Code:
.art-headercontent
{
position: absolute;
z-index: 1;
top: 0px;
left: 300px;
width: 1285px;
height: 150px;
}
In je templateDetails.xml voeg je, afhankelijk van het aantal toegevoegde posities in je index.php, de header positie(s) toe.
Gebruik hier de naam/namen die je gebruikt hebt in het deel
Code:
<?php echo $view->position('header', 'art-nostyle'); ?>
Code:
<position>header</position>
<position>header-2</position>
Laatst bewerkt 11 jaren 8 maanden geleden door Ronald.
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Otto
- Offline
- Gebruiker
- Er bestaan geen domme vragen
11 jaren 8 maanden geleden #2033
door Otto
Artenweb.nl creatieve unieke Joomla en VirtueMart websites!
Vragen allen via dit Forum!
KvK: 61932647 - Voor onderscheidende Joomla sites die werken!
Beantwoord door Otto in topic Re: Zelf module posities in de header van Artisteer templates maken
Hoi Ronald,
Mooie bijdrage en bedankt voor het delen. Ik heb de code tussen code tags gezet, wil je dit zelf ook proberen bij volgende posts?
Mooie bijdrage en bedankt voor het delen. Ik heb de code tussen code tags gezet, wil je dit zelf ook proberen bij volgende posts?
Artenweb.nl creatieve unieke Joomla en VirtueMart websites!
Vragen allen via dit Forum!
KvK: 61932647 - Voor onderscheidende Joomla sites die werken!
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Ronald
- Onderwerp Auteur
- Offline
- Gebruiker
Minder
Meer
- Berichten: 16
- Ontvangen bedankjes 0
11 jaren 8 maanden geleden #2035
door Ronald
Beantwoord door Ronald in topic Re: Zelf module posities in de header van Artisteer templates maken
Uiteraard, excuses daar had ik even niet aan gedacht
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Ron
- Offline
- Administrator
11 jaren 8 maanden geleden #2037
door Ron
Bent u opzoek naar een een Hotel in Sauerland voor uw motor, Fiets en wandelvakantie dan zit u bij Hotel Landgasthof Grevenstein op het juiste adres!
Handelsregister-Nr: HRA6354 Amtsgericht: Arnsberg
Beantwoord door Ron in topic Re: Zelf module posities in de header van Artisteer templates maken
Hallo Ronald,
bedankt voor deze tip ik gebruik zelf ook artisteer
Wie weet kan ik het in de toekomst gebruiken.
Groetjes Ron
bedankt voor deze tip ik gebruik zelf ook artisteer
Wie weet kan ik het in de toekomst gebruiken.
Groetjes Ron
Bent u opzoek naar een een Hotel in Sauerland voor uw motor, Fiets en wandelvakantie dan zit u bij Hotel Landgasthof Grevenstein op het juiste adres!
Handelsregister-Nr: HRA6354 Amtsgericht: Arnsberg
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- jollywood
- Offline
- Gebruiker
11 jaren 8 maanden geleden #2038
door jollywood
Aan het eind van de dag is er altijd nog een stuk onbekend internet over. En morgen is er weer een nieuwe dag.
Beantwoord door jollywood in topic Re: Zelf module posities in de header van Artisteer templates maken
Hallo Ronald,
Dank voor deze tip. Ik denk dat velen op zoek zijn naar deze mogelijkheid.
Ik denk dat ik het meeste wel kan volgen, en als zo vaak is het gewoon een kwestie van toepassen maar
wat is de reden van de vetgedrukte tekst?
Groet, Jollywood
Dank voor deze tip. Ik denk dat velen op zoek zijn naar deze mogelijkheid.
Ik denk dat ik het meeste wel kan volgen, en als zo vaak is het gewoon een kwestie van toepassen maar
wat is de reden van de vetgedrukte tekst?
Groet, Jollywood
Aan het eind van de dag is er altijd nog een stuk onbekend internet over. En morgen is er weer een nieuwe dag.
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Ronald
- Onderwerp Auteur
- Offline
- Gebruiker
Minder
Meer
- Berichten: 16
- Ontvangen bedankjes 0
11 jaren 8 maanden geleden - 11 jaren 8 maanden geleden #2039
door Ronald
Beantwoord door Ronald in topic Re: Zelf module posities in de header van Artisteer templates maken
Hallo Jollywood,
Met de vetgedrukte tekst wilde ik de aandacht vestigen op de plek waar je voor elke modulepositie de waarde moet veranderen. Aangezien Otto de code tussen codetags heeft geplaatst (wat ik verzuimd had) valt dat nu niet meer op. Sterker nog in de code horen de tags voor vetgedrukte tekst er natuurlijk niet in.
Met de vetgedrukte tekst wilde ik de aandacht vestigen op de plek waar je voor elke modulepositie de waarde moet veranderen. Aangezien Otto de code tussen codetags heeft geplaatst (wat ik verzuimd had) valt dat nu niet meer op. Sterker nog in de code horen de tags voor vetgedrukte tekst er natuurlijk niet in.
Laatst bewerkt 11 jaren 8 maanden geleden door Ronald.
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
Tijd voor maken pagina: 0.382 seconden