Zum Inhalt springen

typoscript Probleme mit einem Wrap

Erstellt am 7. Januar 2016 · 1 Antwort · letzte Antwort am 8. Januar 2016

Tags: Bootstrap, Frage

flownfluid ·

Hallo zusammen,

bei meinem 1. Versuch eine Website zu kreieren bin ich fast fertig. Jedoch habe ich noch ein Problem bei einem TypoScript für ein Carousel von Bootstrap einzubinden.
Das Script funktioniert nur möchte ich noch 20.20 und 20.30 in einen Container (<div class="container">|</div> ) umhüllen. Und das krieg ich nicht gebacken...
Kann mir da jemand weiterhelfen?

Vielen Dank schon im Voraus

lib.slider = COA
lib.slider{
	5 = LOAD_REGISTER
	5{
	     counter = 0
	}
	
	10 = FILES
	10{
	    references {
			table = tt_content
			uid = 22
			fieldName = image	
			}
		
	    renderObj = COA
            renderObj{
			10 = LOAD_REGISTER
			10{
			     divCounter.data = register:counter
			     counter.data = register:counter
			     counter.stdWrap.wrap = |+1
		      	     counter.prioriCalc=1
			  }

			15 = TEXT
			15{
				data = register:divCounter
                                wrap = <li data-target="#myCarousel" data-slide-to="|" class="active"></li>|*|<li data-target="#myCarousel" data-slide-to="|"></li>|*|<li data-target="#myCarousel" data-slide-to="|"></li>
			    }
		}
		stdWrap.wrap3 =  <ol class="carousel-indicators">|</ol>	
	}
	
	
	20 = FILES
	20{
		references {
		        	table = tt_content
				uid = 22
				fieldName = image	
			}
					
		renderObj = COA
		renderObj{
				10 = IMAGE
				10{
					file.import.data = file:current:publicUrl
			  	}
					
				20 = TEXT
				20{
					data = file:current:title
					wrap = <h2>|</h2>
				}
				30 = TEXT
				30{
					data = file:current:description
					wrap = <p>|</p>
				}
				## 20 und 30 sollten noch mit einem <div class="container>|</div> umhüllt werden		
					
				wrap = <div class="item active">|</div>|*|<div class="item">|</div>|*|<div class="item">|</div>
			}
		stdWrap.wrap3 =  <div class="carousel-inner role="listbox">|</div> 	

			
	}
	
	stdWrap.wrap3 (
		  <div id="myCarousel" class="carousel slide" data-ride="carousel">
		|
		  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
		</a>
		  </div>        
)
	
}
flownfluid ·

Hallo zusammen,

die Lösung war relativ einfach(sobald man es weiss):

über 20.20 und 20.30 noch ein COA Objekt machen und dann klappts...

renderObj = COA
renderObj{
		10 = IMAGE
		10{
			file.import.data = file:current:publicUrl
		}
					
		20 = COA
		20{
			20 = TEXT
			20{
				data = file:current:title
				wrap = <h2>|</h2>
			}
			30 = TEXT
			30{
				data = file:current:description
				wrap = <p>|</p>
			}
			wrap = <div class="container"><div class="carousel-caption active">|</div></div>|*|<div class="container"><div class="carousel-caption">|</div></div>|*|<div class="container"><div class="carousel-caption">|</div></div>
		}
			
		wrap = <div class="item active">|</div>|*|<div class="item">|</div>|*|<div class="item">|</div>
}