Webdesign-Forum

Normale Version: Frage zur Umsetzung von drei Newselementen auf der Startseite
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo zusammen,

Ich habe für unsere Webseite ein neues Template gekauft und habe alles soweit ins Typo3 umgesetzt.
Jetzt hätte ich gerne noch die letzten drei News auf der Startseite in diesem Format ausgegeben.

Hier die zwei Fragen dazu...

Kann ich mit einem individuellen List Template eine Art "OptionSplit" ausgeben (News Design Objekt 1,2,3)?

Oder aber muss ich die letzen drei News per TS (abfrage aus der Datenbank) holen und dann einzeln ausgeben? (Performance?)

Oder gibt es noch einen anderen weg?

Danke


Es wäre schön wenn mir hier jemand helfen könnte.
Der Code dazu sieht so aus


Code:
                            <section class="block title-center blog-blocks">
                                <h2 class="block-title">From Our Blog</h2>
                                        <div class="row unique-d squares p-0">

                                            <div class="large-4 columns  square-row square-bottom color-4 p-0" >
                                                <div class="square-txt color-4">
                                                    <span class="arrow">&nbsp;</span>
                                                    <h2><a href="#">Massa eu blandit</a></h2>
                                                    <div class="post_text">
                                                        <p>
                                                            Sed odio orci, fringilla nec dolor et, euismod auctor mauris. Curabitur semper dui diam, nec accumsan mauris consequat sed. Interdum et malesuada fames ac ante ipsum p...
                                                    </div>
                                                    <div class="post-read-more right">
                                                        <a href="#">Read more</a>
                                                    </div>
                                                </div>
                                                <div class="square-img">
                                                    <i class="fa fa-plus"></i><a href="#"><img src="images/img/252252892_6b8f6673db_b.jpg" /></a>
                                                </div>
                                            </div>

                                            <div class="large-8 columns  p-0 m-0" >

                                                <div class="row square-row square-left color-5" >
                                                    <div class="square-txt color-5">
                                                        <span class="arrow">&nbsp;</span>
                                                        <h2><a href="#">Sed quis enim nibh</a></h2>
                                                        <div class="post_text">
                                                            <p>
                                                                Donec condimentum gravida lacus, vitae mattis orci lacinia id. Mauris laoreet ligula in tellus ullamcorper, vitae semper urna volutpat. Donec sit amet felis eget nulla luctus pharetra. Pe...
                                                        </div>
                                                        <div class="post-read-more right">
                                                            <a href="#">Read more</a>
                                                        </div>
                                                    </div>
                                                    <div class="square-img">
                                                        <i class="fa fa-plus"></i><a href="#"><img src="images/img/8749154615_26586761c6_b_0.jpg" /></a>
                                                    </div>
                                                </div>

                                                <div class="row square-row square-right color-3" >
                                                    <div class="square-img">
                                                        <i class="fa fa-plus"></i>
                                                        <a href="#"><img src="images/img/5561385051_d6c5739e0f_b.jpg" /></a>
                                                    </div>
                                                    <div class="square-txt color-3">
                                                        <span class="arrow">&nbsp;</span>
                                                        <h2><a href="#">Duis egestas augue</a></h2>
                                                        <div class="post_text">
                                                            <p>
                                                                Fusce vitae sem posuere, ornare tellus et, ullamcorper felis. Mauris eget lacus id eros pulvinar rutrum. Aenean ac mauris in sem malesuada pulvinar. Ut sapien lacus, tincidunt in fringill...
                                                        </div>
                                                        <div class="post-read-more right">
                                                            <a href="#">Read more</a>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                            </section>


Vielen Dank
Du kannst dir doch die news Templates anpassen. Einfach die original templates nach fileadmin kopieren und in den Konstanten die Pfade anpassen. Per Fluidviewhelper kannst du dann jedem Element eine andere Klasse geben.

Gruß René
Die tt_news-Templates verwenden noch kein Fluid, soweit ich weiss.
tx_news habe ich im Repo nicht gefunden.
Deswegen habe ich jetzt wieder tt_news genommen.

wennn es garnicht anders geht baue ich mir selber eine PHP Extension und frage die Daten ab
hm okay... bin scheinbar auch blind Smile

Aber habe es jetzt folgendermaßen gemacht.
Habe LIST2 genommen und mir drei News ITEMS durchgestylt und via TS eingebunden.

Das funktioniert soweit auch gut nur habe ich jetzt das Problem, dass News ITEM 3 den Sytle von News ITEM 1 hat.
Gibt es dafür eine Lösung? Das jedes NEWS Item einzeln behandelt wird?

Anbei mal das LIST2


Code:
<!-- ###TEMPLATE_LIST2### begin
    This is the template for the list of news in the archive or news page or search
-->
###NEWS_CATEGORY_ROOTLINE###
<section class="block title-center blog-blocks">
   <h2 class="block-title">Aktuelle Nachrichten</h2>
    <!-- ###CONTENT### begin
          This is the part of the template substituted with the list of news:
    -->
   <div class="row unique-d squares p-0">
        
        <!-- ###NEWS### begin -->
       <div class="large-4 columns  square-row square-bottom color-4 p-0" >
           <div class="square-txt color-4">
               <span class="arrow">&nbsp;</span>
               <h2><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h2>
               <div class="post_text">
                   ###NEWS_SUBHEADER###
               </div>
               <div class="post-read-more right">
                   <!--###LINK_ITEM###-->mehr<!--###LINK_ITEM###-->
               </div>
           </div>
           <div class="square-img">
               <i class="fa fa-plus"></i><!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
           </div>
       </div>
        <!-- ###NEWS### end-->
   
       <!-- ###NEWS_1### begin -->
      <div class="large-8 columns  p-0 m-0" >
       <div class="row square-row square-left color-5" >
           <div class="square-txt color-5">
               <span class="arrow">&nbsp;</span>
               <h2><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h2>
               <div class="post_text">
                   ###NEWS_SUBHEADER###
               </div>
               <div class="post-read-more right">
                   <!--###LINK_ITEM###-->mehr<!--###LINK_ITEM###-->
               </div>
           </div>
           <div class="square-img">
               <i class="fa fa-plus"></i><!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
           </div>
       </div>
        <!-- ###NEWS_1### end-->

        <!-- ###NEWS_2### begin -->
       <div class="row square-row square-right color-3" >
           <div class="square-img">
               <i class="fa fa-plus"></i><!--###LINK_ITEM###-->###NEWS_IMAGE###<!--###LINK_ITEM###-->
           </div>
           <div class="square-txt color-3">
               <span class="arrow">&nbsp;</span>
               <h2><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></h2>
               <div class="post_text">
                   ###NEWS_SUBHEADER###
               </div>
               <div class="post-read-more right">
                   <!--###LINK_ITEM###-->mehr<!--###LINK_ITEM###-->
               </div>
           </div>
       </div>
      </div>    
        <!-- ###NEWS_2### end-->
   
    <!-- ###CONTENT###  end -->
   </div>
</section>
<!-- ###TEMPLATE_LIST2### end -->

Danke für eure Hilfe
ok habs

danke an alle
plugin.tt_news.altLayoutsOptionSplit = 0 || 1 |*| 2