[DITTO] Waar te beginnen?

37 Posts

jevdo Reply #1, 15 years, 2 months ago

Ik snap helemaal niets van het Ditto gebeuren...ben al een paar dagen aan het zoeken maar ik kom er niet uit.

Het volgende moet gemaakt worden:

Catalogus, waar op de openingspagina verschillende categorieën getoond worden (subpagina’s van de map catalogus). Wanneer ik door klik krijg je een subpagina te zien met daar op alle items op de subpagina.

Als ik [[Ditto]] invoer krijg ik de titels te zien, met de datum van bewerking. Ik wil hier dus een afbeelding laten zien van de subpagina. Is dat mogelijk?

2,204 Posts

Dimmy Reply #2, 15 years ago

je moet een template maken(chunk in dit geval) met daarin die velden die je wilt zien:

[+pagetitle+]

[+afbeeldingtv+]

[+content:notags:limit=`50`]

etc
welke velden je ook maar wilt gebruiken

dan roep je in ditto die chunk aan als template voor Ditto op de volgende manier:

[!Ditto? &tpl=`naamvanjechunk`!]

voor meer dito informatie kan je kijken op http://ditto.modxcms.com

Greets Dimmy

follow me on twitter: @dimmy01

741 Posts

ronaldlokers Reply #3, 15 years ago

Niels, als wat Dimmy zegt niet lukt mag je mij op MSN wel aanspreken hoor, als het goed is heb je mij nog in je contactpersonen lijst staan

Zal ergens na 19.00 wel online zijn!

Maar wat Dimmy dus aangeeft is dat je een template variable moet aanmaken waarmee je aangeeft welke afbeelding getoond moet worden. Deze template variable gebruik je dan in je template voor Ditto.

Bijna hetzelfde als jij wilt heb ik pas geleden nog toegepast bij een klant: http://bit.ly/Ng8xv

Ik heb hiervoor de volgende template bij Ditto gebruikt:

<div class="ditto_item" id="ditto_item_[+id+]">  
<h3 class="ditto_pageTitle"><a href="[~[+id+]~]">[+pagetitle+]</a></h3>  
<div class="ditto_afbeelding span-5">
<a href="[~[+id+]~]"><img border="0" src="[+afbeelding:phpthumb=`w=150&h=150#[(site_url)]`+]" alt="[+pagetitle+]"/></a>
</div>  
<div class="ditto_content span-7 last">
[+content+]
</div>  
<hr/>
</div>

De classes die ik gebruik hoef je niet persé te gebruiken, ik heb dit wel gedaan zodat ik wat meer aanpassingen kan doen via CSS

Verder zie je dat ik phpthumb gebruik bij [+afbeelding+], dit is een plugin waarmee je afbeeldingen kunt verwerken (in dit geval verkleinen)

with regards,

Ronald Lokers
'Front-end developer' @ h2o Media

12 Posts

daxander Reply #4, 14 years, 9 months ago

@ Mediaguy, de website die jij voor een klant gemaakt hebt, heefteen <p> tag op een rare plaats staan. Kijk maar op de contact pagina.

<div class="span-12"><p><form method="post" action="woodflame/contact.html" id="ContactFormNL" name="ContactFormNL">

  <fieldset>
  <ol>
    <li>
      <label for="naam" >Name*</label>
      <input id="naam" name="naam" type="text" class="text" value="" />
    </li>

    <li>
      <label for="email" >E-mail*</label>
      <input id="email" name="email" type="text" class="text" value="" />
    </li>
       <li>
      <label for="telefoon" >Telefon*</label>
      <input id="telefoon" name="telefoon" type="text" class="text" value="" />
    </li>

<li>
      <label for="vraag" >Question*</label>
      <textarea style="width:240px; height:75px;" id="vraag" name="vraag" rows="5" cols="20" ></textarea>
    </li>
  </ol>
  </fieldset>
   <fieldset class="submit">
  <button type="submit" class="button positive"> <img src="assets/templates/woodflame/images/icons/tick.png" alt=""/> Send </button>

        <button type="reset" class="button negative"> <img src="assets/templates/woodflame/images/icons/cross.png" alt=""/> Wipe insert </button>
  </fieldset>
<input type="hidden" name="formid"  value="ContactFormNL" /></form></p></div>

<p><form> ... </form></p>

of

<p><div> ... </div></p>

etc.. dat is verkeerd.

<form><p> ... </p></form>

kan dan weer wel.

:)

741 Posts

ronaldlokers Reply #5, 14 years, 9 months ago

Ja ik weet het, maar dat is iets wat automatisch neergezet wordt, volgens mij doet TinyMCE dat! Normaal haal ik dat er bij zulke pagina’s weer uit, schijnbaar komt hij er af en toe toch doorheen wink

with regards,

Ronald Lokers
'Front-end developer' @ h2o Media

100 Posts

Tony S Reply #6, 14 years, 9 months ago

Dat is een heel vervelend trekje van tinyMCE ja.

Enige manier om te voorkomen is aangeven bij document specificaties dat je geen "rich text" wil gebruiken.

6 Posts

Emilychunkie Reply #7, 14 years, 1 month ago

Ik zit met iets waar ik maar niet uit kom.
In elke pagina die ik heb komen de daar-onderliggende mappen mooi in beeld. Ik heb een chunk aangemaakt (linkermenu genoemd omdat deze daar komt te staan) zoals volgt: <h2><a href="[~[+id+]~]">[+pagetitle+]</a></h2> en in de template opgeroepen middels ditto zie als volgt [[Ditto? &StartId=`50` &tpl=`linkermenu` &sortDir=`ASC`]]

Maar als ik in die onderliggende mappen zit wil ik nog steeds kunnen switchen (dus dat menu zien) maar deze is dan ineens nergens te bekennen undecided

. Ik begrijp dat ik ergens mee aangeef dat hij niet verder dan 1 level kijkt? huh

Ik moet ergens gaan aangeven dat ik in de submappen niet de onderliggende mappen links wil hebben maar de gelijkwaardige pagina’s

Alvast bedankt!

2,204 Posts

Dimmy Reply #8, 14 years, 1 month ago

[[Ditto? &StartId=`50` &tpl=`linkermenu` &sortDir=`ASC`]]

StartId bestaat niet je moet parents= gebruiken

Dus dit werkt wel:

[[Ditto? &parents=`50` &tpl=`linkermenu` &sortDir=`ASC`]]

follow me on twitter: @dimmy01