Neu News Darstellung auf Startseite nebeneinander statt übereinander Shop 4

Holgersson

Aktives Mitglied
21. Januar 2011
69
6
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
69
6
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
69
6
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
69
6
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
69
6
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
69
6
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
69
6
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
69
6
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
Neu Darstellung Anhang E-Mailvorlage User helfen Usern - Fragen zu JTL-Wawi 3
Neu JTL-Shop 5 Nova-Template / Darstellung der Produktliste teilweise fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu EU-Umsatzsteuer Darstellung im Shop Allgemeine Fragen zu JTL-Shop 1
Neu EU-Umsatzsteuer Darstellung im Shop User helfen Usern - Fragen zu JTL-Wawi 9
Neu Darstellung von Artikeln in unterschiedlichen Farben und Größen Allgemeine Fragen zu JTL-Shop 0
Neu beim Umstieg von unicorn auf SCX Bilder aktivieren Otto.de - Anbindung (SCX) 0
Neu Gewicht auf Rechnung (Artikelgewicht und Zusatzgewicht) Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu gelöst: Update von 5.3.0 auf 5.3.1 - Dateien hochgeladen - immernoch alte Version Gelöste Themen in diesem Bereich 6
Neu Wechsel WAWI Hosting von JTL mit RDP auf ecomDATA User helfen Usern - Fragen zu JTL-Wawi 2
Neu Nach Update auf 5.3 funktioniert das Video-Portlet für lokale Videos nicht Gelöste Themen in diesem Bereich 9
Neu Update auf v5-2-5 Gelöste Themen in diesem Bereich 3
Neu Nach Update auf 5.3 fliegen die Produkte aus dem Merchant Center JTL-Shop - Fehler und Bugs 0
Wo befindet sich das Feld mit der Information für "Zustandsbeschreibung" auf Ebay? JTL-Wawi 1.8 9
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Neu Auftrag mit Freiposition Menge 0 läßt sich nicht ausliefern + wird nicht auf Lieferschein angezeigt User helfen Usern - Fragen zu JTL-Wawi 1
Ausgabe Lieferdatum auf Lieferantenbestellung JTL-Wawi 1.8 0
Benutzerrechte - Artikel auf Einkaufsliste setzen JTL-Wawi 1.6 1
Neu /navi.php?q=2 Abfragen laufen auf 404 Gelöste Themen in diesem Bereich 4
Neu Shopify Erhöhung der Varianten von 100 auf 2000 - Connector App Problem Shopify-Connector 1
Artikel Netto Preis von 4 Nachkommastellen auf 2 umstellen JTL-Wawi 1.7 5
Neu WaWi auf Mac Installation von JTL-Wawi 3
Neu Rechnung wird nicht auf englisch gespeichert Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Greyhound JTL-Connector funktioniert nach Update auf 1.8.12 nicht mehr richtig Technische Fragen zu den JTL-Connectoren 5
Neu Scrollverhalten auf Artikellisten (mal wieder) Templates für JTL-Shop 0
Neu Wie setzt Ihr eure Dev/Staging Umgebungen auf? Betrieb / Pflege von JTL-Shop 0
Neu Folgendes fehlt seit Mai 23 auf der Rechnung: "Versanddatum: Ist gleich dem Rechnungsdatum." Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Neu Integration Artikelnummer/Anzahl auf Versandlabel User helfen Usern - Fragen zu JTL-Wawi 0
Neue angelegte Artikel ausverkauft - kein Erscheinen auf Bestellvorschlägen JTL-Wawi 1.6 1
Neu Weiße Seite nach Update Shop 5.1.5. auf 5.2.4 Installation / Updates von JTL-Shop 24
Neu List & Label Neue Vorlage Projektbaustein Bild Logo nur auf erstem Exemplar anzeigen User helfen Usern - Fragen zu JTL-Wawi 2
Neu QR Code auf Rechnungen will zuviel haben User helfen Usern - Fragen zu JTL-Wawi 0
Neu Erledigt - Plugin PayPal Checkout, Update auf 1.4.0, Komplettabsturz Plugins für JTL-Shop 1
Neu Vorlagen: Formel um Textfeld nur auf der letzten Seite der Rechnung darzustellen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Rabatte auf Rechnung ausweisen Fragen rund um LS-POS 0
Neu Update von 5.1.5 auf 5.2.4 Installation / Updates von JTL-Shop 1
Neu Auftragssumme ohne Rabatt auf Rechnung ausgeben Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Update von Wawi 17.15.4. auf 18.12.0 geht nicht, weil Primary voll ist JTL-Wawi - Fehler und Bugs 4
Neu Bewertungen mittels Importtabelle auf andere Artikel übertragen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lieferdatum auf Auftragspositionsebene Arbeitsabläufe in JTL-Wawi 0
Slider - Position auf der Startseite? Einrichtung JTL-Shop5 0
Neu Ware auf Retoureplatz wird als "verfügbar" betrachtet JTL-Wawi - Fehler und Bugs 2
Neu Title Tag wird auf Loginseite nicht übernommen Betrieb / Pflege von JTL-Shop 1
Neu Suchbegriff hängt Shop auf?! Allgemeine Fragen zu JTL-Shop 2
JTL stürzt bei Druckvorschau oder Drucken seit Wechsel auf v.1.7 immer wieder ab JTL-Wawi 1.8 6
JTL Wawi Update 1.7.15.5 - Worker hat keinen Zugriff auf DB JTL-Wawi 1.7 6
Neu Woocommerce mit JTL Connector "Die Shop-URL verweist nicht auf einen gültigen Shop" WooCommerce-Connector 4
Neu Umzug auf neuen Rechner mit nur einem Mandant User helfen Usern - Fragen zu JTL-Wawi 3
Auftragsimport über eBay - Bezeichnung der Versandart auf der Rechnung leer JTL-Wawi 1.8 1
Neu Konfigurations-Komponenten auf Lager User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wenn Rabatt als Zeile auf Rechnung steht, fliegt der Gesamtwert weg.. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0

Ähnliche Themen