Neu News Darstellung auf Startseite nebeneinander statt übereinander Shop 4

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Hallo Zusammen,

in einem 4.x Testshop suche ich noch nach der Lösung die Startseite nach meinen Wünschen zu gestalten.
Die dargestellten News werden dort auf voller Breite übereinder angezeigt, also viel weiße Luft.

Gerne hätte ich drei Boxen nebeneinander. Oder ist das aus Responsive-Gründen eher unklug?

Im Backende kann man es wohl nicht einfach einstellen, sondern über eine Custom Template. Wie gehe ich dann am besten vor? CSS steuert die Darstellung habe ich gehört, aber dann hört es mit meinem Halbwissen bereits auf.

Auch ein Link auf die passende Beschreibung würde mir helfen.

Vielen Dank schon mal
 

Mirko.Schmidt User deaktiviert

Guest
Hallo,

in der ../page/index.tpl gibt es in den Zeilen 32 - 40 folgenden Block
Code:
{block name="index-additional"}
    {if isset($oNews_arr) && $oNews_arr|@count > 0}
        <hr>
        <h2>{lang key="news" section="news"}</h2>
        {foreach name=news from=$oNews_arr item=oNewsUebersicht}
            {include file="blog/preview.tpl"}
        {/foreach}
    {/if}
{/block}
Hiermit werden die Boxen auf der Startseite erstellt. Damit nun z.B. 2 Boxen nebeneinander sind, könnte man es in folgendes abändern

Code:
{block name="index-additional"}
    {if isset($oNews_arr) && $oNews_arr|@count > 0}
        <hr>
        <h2>{lang key="news" section="news"}</h2>
        {foreach name=news from=$oNews_arr item=oNewsUebersicht}
            <div class="col-md-6">
                {include file="blog/preview.tpl"}
            </div>
        {/foreach}
    {/if}
{/block}
Dann werden ab einer Fensterbreite von 992px 2 Boxen nebeneinander dargestellt. Hier wird einfach das Bootstrap Gridsystem genutzt, was nach belieben auch noch geändert werden kann. Gibt bestimmt auch noch andere Lösungen.
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Super vielen Dank.

ich vermute ich sollte es das eben unter MeinTemplate->Layout->index.tpl ändern (und nicht im update-relevanten Original):

Dort sieht es gerade so aus:

{if isset($nFullscreenTemplate) && $nFullscreenTemplate == 1}
{include file=$cPluginTemplate}
{else}
{include file='layout/header.tpl'}
{if !empty($Link->Sprache->cTitle)}
<h1>{$Link->Sprache->cTitle}</h1>
{/if}

{include file="snippets/extension.tpl"}

{if !empty($Link->Sprache->cContent)}
{$Link->Sprache->cContent}
{/if}


{if $Link->nLinkart == 11}
<div id="tos" class="well well-sm">
{if $AGB->cAGBContentHtml}
{$AGB->cAGBContentHtml}
{elseif $AGB->cAGBContentText}
{$AGB->cAGBContentText|nl2br}
{/if}
</div>
{elseif $Link->nLinkart == 24}
<div id="revocation-instruction" class="well well-sm">
{if $WRB->cWRBContentHtml}
{$WRB->cWRBContentHtml}
{elseif $WRB->cWRBContentText}
{$WRB->cWRBContentText|nl2br}
{/if}
</div>
{elseif $Link->nLinkart == 5}
{include file='page/index.tpl'}
{elseif $Link->nLinkart == 6}
{include file='page/ shipping.tpl'}
{elseif $Link->nLinkart == 14}
{include file='page/tagging.tpl'}
{elseif $Link->nLinkart == 15}
{include file='page/livesearch.tpl'}
{elseif $Link->nLinkart == 16}
{include file='page/manufacturers.tpl'}
{elseif $Link->nLinkart == 18}
{include file='page/newsletter_archive.tpl'}
{elseif $Link->nLinkart == 21}
{include file='page/sitemap.tpl'}
{elseif $Link->nLinkart == 23}
{include file='page/free_gift.tpl'}
{elseif $Link->nLinkart == 25 && empty($nFullscreenTemplate)}
{include file="$cPluginTemplate"}
{elseif $Link->nLinkart == 26}
{include file='productwizard/index.tpl'}
{elseif $Link->nLinkart == 29}
{include file='page/404.tpl'}
{/if}
{include file='layout/footer.tpl'}
{/if}


Wo darf ich es den ergänzen?

Danke schön nochmal
 

Mirko.Schmidt User deaktiviert

Guest
Ja definitiv in einem Child Template ändern und nicht im Evo. Zum einen wäre es besser den Code immer in Code Tags zu packen und zum anderem das sieht eher nach der ../layout/index.tpl aus und nicht der ../page/index.tpl
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Okay,
ich muss nochmal ganz auf Anfang:

Für Code-Tags die Einfüge Funktion nutzen, okay.

Stimmt, das war die Layout->index...sorry

um dies im Child Template ausführen zu lassen stelle ich mir das laienhaft so vor:
ich erstelle ein Verzeichnis MeinTheme/Page und kopiere dort die index.tpl - Datei aus dem Evo-405-2 Ordner. Die ändere ich dann an besagter Stelle.

Zu einfach gedacht? Funktioniert auch nicht.

Code:
{if !empty($cFehler)}
    <div class="alert alert-danger">{$cFehler}</div>
{/if}

{include file="productwizard/index.tpl"}

{if isset($StartseiteBoxen) && $StartseiteBoxen|@count > 0}
    <hr>
    {assign var='moreLink' value=null}
    {assign var='moreTitle' value=null}
    {foreach name=startboxen from=$StartseiteBoxen item=Box}
        {if isset($Box->Artikel->elemente) && count($Box->Artikel->elemente)>0 && isset($Box->cURL)}
            {if $Box->name === 'TopAngebot'}
                {lang key="topOffer" section="global" assign='title'}
                {lang key='showAllTopOffers' section='global' assign='moreTitle'}
            {elseif $Box->name === 'Sonderangebote'}
                {lang key="specialOffer" section="global" assign='title'}
                {lang key='showAllSpecialOffers' section='global' assign='moreTitle'}
            {elseif $Box->name === 'NeuImSortiment'}
                {lang key="newProducts" section="global" assign='title'}
                {lang key='showAllNewProducts' section='global' assign='moreTitle'}
            {elseif $Box->name === 'Bestseller'}
                {lang key="bestsellers" section="global" assign='title'}
                {lang key='showAllBestsellers' section='global' assign='moreTitle'}
            {/if}
            {assign var='moreLink' value=$Box->cURL}
            {include file='snippets/product_slider.tpl' productlist=$Box->Artikel->elemente title=$title hideOverlays=true moreLink=$moreLink moreTitle=$moreTitle}
        {/if}
    {/foreach}
{/if}

{block name="index-additional"}
   {if isset($oNews_arr) && $oNews_arr|@count > 0}
       <hr>
       <h2>{lang key="news" section="news"}</h2>
       {foreach name=news from=$oNews_arr item=oNewsUebersicht}
           <div class="col-md-6">
               {include file="blog/preview.tpl"}
           </div>
       {/foreach}
   {/if}
{/block}
{/block}
 

Mirko.Schmidt User deaktiviert

Guest
Wenn noch gar kein eigenes Template erstellt wurde, dann am besten einmal folgende Seite durchlesen http://docs.jtl-shop.de/de/latest/shop_templates/eigenes_template.html. Hier wird erklärt wie man in ein paar Schritten ein eigenes Template erstellt. Wichtig dabei ist noch zusagen, dass das Evo-Child-Example nur als Beispiel dient, wie die Struktur aussieht. Es sollte nicht weiter verwendet werden.
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Ja, ich denke das hatte ich soweit auch alles angewandt:

Würde ich dann wie oben gemeint, die index.tpl in MeineTheme/page/ folgendermaßen aussehen?

Code:
{extends file="{$parent_template_path}Evo/page/index.tpl"}

{block name="index-additional"}
    {if isset($oNews_arr) && $oNews_arr|@count > 0}
        <hr>
        <h2>{lang key="news" section="news"}</h2>
        {foreach name=news from=$oNews_arr item=oNewsUebersicht}
            <div class="col-md-6">
                {include file="blog/preview.tpl"}
            </div>
        {/foreach}
    {/if}
{/block}

so angewandt, bleibt meine Seite leer.
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Ja genau, das hatte hatte ich noch raus genommen, aber dann ist die Seite zwar wieder da, aber ohne Änderung. Chache war zwar aus, aber trotzdem geleert.

Kann ich was einbauen um zu testen ob der Weg der richtige ist?
 

Mirko.Schmidt User deaktiviert

Guest
Die Newsboxen werden aber definitiv angezeigt auf der Startseite oder?
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Ja, es werden zwei letzte News-Vorschau übereinander dargestellt. Gleiche wie wenn ich die page/index.tpl nicht ändere.
 

Mirko.Schmidt User deaktiviert

Guest
Der Pfad bei den Dateien beim Child Template passt und dies ist aktiv? Könnte der aktuelle Code von der page/index.tpl noch mal gepostet werden.
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
Die page/index.tpl im Child template ist folgende:
Code:
{extends file="{$parent_template_path}/page/index.tpl"}

{block name="index-additional"}
    {if isset($oNews_arr) && $oNews_arr|@count > 0}
        <hr>
        <h2>{lang key="news" section="news"}</h2>
        {foreach name=news from=$oNews_arr item=oNewsUebersicht}
            <div class="col-md-6">
                {include file="blog/preview.tpl"}
            </div>
        {/foreach}
    {/if}
{/block}

in der Evo_405-2 ist die so:

Code:
{if !empty($cFehler)}
    <div class="alert alert-danger">{$cFehler}</div>
{/if}

{include file="productwizard/index.tpl"}

{if isset($StartseiteBoxen) && $StartseiteBoxen|@count > 0}
    <hr>
    {assign var='moreLink' value=null}
    {assign var='moreTitle' value=null}
    {foreach name=startboxen from=$StartseiteBoxen item=Box}
        {if isset($Box->Artikel->elemente) && count($Box->Artikel->elemente)>0 && isset($Box->cURL)}
            {if $Box->name === 'TopAngebot'}
                {lang key="topOffer" section="global" assign='title'}
                {lang key='showAllTopOffers' section='global' assign='moreTitle'}
            {elseif $Box->name === 'Sonderangebote'}
                {lang key="specialOffer" section="global" assign='title'}
                {lang key='showAllSpecialOffers' section='global' assign='moreTitle'}
            {elseif $Box->name === 'NeuImSortiment'}
                {lang key="newProducts" section="global" assign='title'}
                {lang key='showAllNewProducts' section='global' assign='moreTitle'}
            {elseif $Box->name === 'Bestseller'}
                {lang key="bestsellers" section="global" assign='title'}
                {lang key='showAllBestsellers' section='global' assign='moreTitle'}
            {/if}
            {assign var='moreLink' value=$Box->cURL}
            {include file='snippets/product_slider.tpl' productlist=$Box->Artikel->elemente title=$title hideOverlays=true moreLink=$moreLink moreTitle=$moreTitle}
        {/if}
    {/foreach}
{/if}

{block name="index-additional"}
{if isset($oNews_arr) && $oNews_arr|@count > 0}
    <hr>
    <h2>{lang key="news" section="news"}</h2>
    {foreach name=news from=$oNews_arr item=oNewsUebersicht}
        {include file="blog/preview.tpl"}
    {/foreach}
{/if}
{/block}
 

Holgersson

Aktives Mitglied
21. Januar 2011
60
4
wenn ich in der Child/page/index.tpl mal die {extends file="{$parent_template_path}/page/index.tpl"} rausnehme, kommt es zum Fehler ohne Darstellung. Der Weg scheint also zu funktionieren.

Gibt es mehr Möglichkeiten News darzustellen?
Muss ich bei der Boxen-Verwaltung was beachten?
 

Mirko.Schmidt User deaktiviert

Guest
Könntest du einmal eine URL zum Shop posten, wo dann das Child Template aktiv ist mit dem obrigen Code?
 

Mirko.Schmidt User deaktiviert

Guest
Hier wurde das Evo-Child-Example als Grundlage genommen. In der Browser Console gibt's auch einige Javascript Fehler. Am besten das ganze nochmal neu aufziehen und eine eigene template.xml anlegen und nur die Dateien/Ordner erstellen die benötigt werden.
 
Ähnliche Themen
Titel Forum Antworten Datum
Migration auf Shop 5 -> Preview-Bilder der Blogs (News) fehlen Upgrade JTL-Shop4 auf JTL-Shop5 3
Neu Widersprüchliche Darstellung von Artikel Betrieb / Pflege von JTL-Shop 16
Neu Kategorien für Webshop - Einrichten und Darstellung User helfen Usern - Fragen zu JTL-Wawi 1
Neu Darstellung Staffelpreise Shop4 Allgemeine Fragen zu JTL-Shop 2
Neu Steuern der Darstellung eines Bildes nach Plattform Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Gelöst Darstellung "Neue Aktion" fehlerhaft JTL-Workflows - Fehler und Bugs 7
Neu Darstellung von Bruttopreisen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Stücklistenartikel auf Rechnung ausweisen User helfen Usern - Fragen zu JTL-Wawi 0
Inhalte auf der Startseite bearbeiten im Nova Tenmlate Einrichtung JTL-Shop5 2
Bildergröße Hersteller auf Artikeldetailseite Einrichtung JTL-Shop5 1
Neu Kein Zugriff auf Shop-Backend JTL-Shop - Fehler und Bugs 4
Neu Wechsel von 1.5 auf 1.6 was gibt es zu beachten User helfen Usern - Fragen zu JTL-Wawi 4
In Diskussion Kategoriebilder auf SunMi T2 fehlen JTL-POS - Fehler und Bugs 3
Neu DRINGEND: nach update auf jtl5 (Hosting!) keine Plugins installierbar Plugins für JTL-Shop 3
Neu Bewertungen Artikelunabhängig auf Startseite sichtbar machen User helfen Usern - Fragen zu JTL-Wawi 0
Inhalts-Bereich per CSS auf 100% Breite in manchen Kategorien Einrichtung JTL-Shop5 9
Neu Kinderartikel auf NOINDEX Allgemeine Fragen zu JTL-Shop 1
In Bearbeitung Belege auf der TSE Swissbit ansehen Allgemeine Fragen zu JTL-POS 1
Neu Tabelle automatisch auf Seitenbreite anpassen Betrieb / Pflege von JTL-Shop 2
Neu Falsche Abrechnungen von eBay bei Verkäufen auf ebay.co.uk nach UK eBay-Anbindung - Fehler und Bugs 0
Neu ISBN auf Lieferschein und Rechnung Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
In Bearbeitung Rabatt auf alle Artikel einer Kategorie oder Zwischensumme Allgemeine Fragen zu JTL-POS 4
Neu "E-Mail: " + Report.Company.Email auf Design Vorlage ohne E-Mail User helfen Usern - Fragen zu JTL-Wawi 0
Neu Anzahl der Pakete auf Lieferschein User helfen Usern - Fragen zu JTL-Wawi 0
Gelöst UPU S10 Code auf Label drucken JTL-ShippingLabels - Fehler und Bugs 1
Neu Variationsartikel auf Amazon User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lieferadresse soll auf jedefall ausgedruckt werden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu ungewollte Anzeige von css auf Vergleichsseite im Shop JTL-Shop - Fehler und Bugs 2
Neu Update von Shop 5.0.3 auf 5.1 Installation / Updates von JTL-Shop 2
Neu MHD auf leer setzen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Preis pro 100 Stück auf Rechnung bzw. Angebot User helfen Usern - Fragen zu JTL-Wawi 6
Neu Nach update auf 5.1. lassen sich keine PlugIns mehr installieren Plugins für JTL-Shop 5
Neu Verkauf-Versand auf Rechnung User helfen Usern - Fragen zu JTL-Wawi 5
Neu Wawi Local auf dem Rechner - 2. Rechner verbinden Installation von JTL-Wawi 5
Neu Rabatt auf bestimmte Artikel verbieten. User helfen Usern - Fragen zu JTL-Wawi 2
Beantwortet Auftrag farbig markieren wenn alle Artikel auf Einkaufsliste sind JTL-Workflows - Ideen, Lob und Kritik 2
Neu JTL WAWI Update 1.46x auf 1.48x Installation von JTL-Wawi 1
Neu Verkauf bei Amazon ist auf Status "Verpackt versendet" was nicht stimmt User helfen Usern - Fragen zu JTL-Wawi 2
Neu Printlogs auf dem Desktop... Was ist falsch? User helfen Usern - Fragen zu JTL-Wawi 0
Neu NettoPreis abzüglich Rabatt aber Ergebniss nicht wie auf Taschenrechner Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Shopversion 5.0.3 paypal update auf 2.1.0 trotzdem nicht möglich! JTL-Shop - Fehler und Bugs 2
Neu Auf Herstellerseiten nur Kategorien des jeweiligen Herstellers anzeigen Allgemeine Fragen zu JTL-Shop 0
Neu Weiterleitungen können nicht angelegt werden nach Update auf JTL 5 JTL-Shop - Fehler und Bugs 3
Neu Nach einem Domainumzug und anschließendem Update auf Shop 5.1 werden die deutschen Umlaute nicht richtig dargestellt Installation / Updates von JTL-Shop 2
Neu Shop 5.1.1 / Umstellung auf 64 Bit, MariaDB, PHP 8: "max_execution_time" Wert zu gering Installation / Updates von JTL-Shop 4
Neu VCS light, Satz "Es handelt sich um eine steuerfreie innergemeinschaftliche Lieferung." wird zeitweise nicht auf Rechnung gedruckt. Amazon-Anbindung - Fehler und Bugs 0
Neu Überverkäufe einschränken auf Onlineshop User helfen Usern - Fragen zu JTL-Wawi 1
Neu AGB Hinweis auf letzter Seite anzeigen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu UST% permanent auf 0 setzen User helfen Usern - Fragen zu JTL-Wawi 5
Neu JTL 5 Shop -> Slick Slider auf der Startseite im Nova Template verändern Templates für JTL-Shop 2

Ähnliche Themen