Welkom, Gasten
Gebruikersnaam: Wachtwoord: Onthoud mij
12 jan 2019
Diverse hosters zijn van PHP 5.x.x en PHP 7.x.x automatisch overgeschakeld naar PHP 7.3.x. Als je Joomla website en de gebruikte extensies (componenten, plugins en modules) niet up-to-date zijn kan hierdoor je website niet meer werken.
Lees meer...
  • Pagina:
  • 1
  • 2

Onderwerp: Tip! Zelf module posities in de header van Artisteer templates maken

Tip! Zelf module posities in de header van Artisteer templates maken 5 jaren 10 maanden geleden #1

  • Ronald
  • Ronald's Profielfoto Onderwerp Auteur
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Berichten: 16
  • Ontvangen bedankjes 0
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:
<div class="art-header">

voeg je de volgende regel toe:
<div class="art-headercontent"><?php echo $view->position('header', 'art-nostyle'); ?></div>
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:
<div class="art-headercontent-2"><?php echo $view->position('header-2', 'art-nostyle'); ?></div>
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.
.art-headercontent

{ 
position: absolute; 
z-index: 1;        
top: 0px;         
left: 300px;     
width: 1285px; 
height: 150px; 
}
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
<?php echo $view->position('header', 'art-nostyle'); ?>
In dit voorbeeld wordt dat dus voor beide regels:
<position>header</position>
<position>header-2</position>
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

Gelieve Inloggen of Maak een account aan om te deelnemen aan het gesprek.

Laast bewerkt: door Ronald.

Re: Zelf module posities in de header van Artisteer templates maken 5 jaren 10 maanden geleden #2

  • Otto
  • Otto's Profielfoto
  • Offline
  • Administrator
  • Administrator
  • Er bestaan geen domme vragen
  • Berichten: 1219
  • Karma: 1
  • Ontvangen bedankjes 33
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?
Artenweb.nl creatieve unieke Joomla en VirtueMart websites!
Vragen allen via dit Forum!
KvK: 61932647 - Voor onderscheidende Joomla sites die werken!

Gelieve Inloggen of Maak een account aan om te deelnemen aan het gesprek.

Re: Zelf module posities in de header van Artisteer templates maken 5 jaren 10 maanden geleden #3

  • Ronald
  • Ronald's Profielfoto Onderwerp Auteur
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Berichten: 16
  • Ontvangen bedankjes 0
Uiteraard, excuses daar had ik even niet aan gedacht :)

Gelieve Inloggen of Maak een account aan om te deelnemen aan het gesprek.

Re: Zelf module posities in de header van Artisteer templates maken 5 jaren 10 maanden geleden #4

  • Ron
  • Ron's Profielfoto
  • Offline
  • Administrator
  • Administrator
  • Berichten: 2044
  • Karma: 1
  • Ontvangen bedankjes 42
Hallo Ronald,

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

Gelieve Inloggen of Maak een account aan om te deelnemen aan het gesprek.

Re: Zelf module posities in de header van Artisteer templates maken 5 jaren 10 maanden geleden #5

  • jollywood
  • jollywood's Profielfoto
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Berichten: 116
  • Ontvangen bedankjes 0
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
Aan het eind van de dag is er altijd nog een stuk onbekend internet over. En morgen is er weer een nieuwe dag.

Gelieve Inloggen of Maak een account aan om te deelnemen aan het gesprek.

Re: Zelf module posities in de header van Artisteer templates maken 5 jaren 10 maanden geleden #6

  • Ronald
  • Ronald's Profielfoto Onderwerp Auteur
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Berichten: 16
  • Ontvangen bedankjes 0
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.

Gelieve Inloggen of Maak een account aan om te deelnemen aan het gesprek.

Laast bewerkt: door Ronald.
  • Pagina:
  • 1
  • 2
Tijd voor maken pagina: 0.762 seconden
Gemaakt door Kunena
logo mijnjoomlaforum colored puzzle2

MijnJoomlaForum.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project!

Hosted by Otto
Webdesign by Renata
Sitemap

Donatie Knop