Neu News Darstellung auf Startseite nebeneinander statt übereinander Shop 4

Holgersson

Aktives Mitglied
21. Januar 2011
60
3
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
3
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
3
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
3
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
3
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
3
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
3
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
3
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
Bilder in News und Header löschen - Fehler noch existent Einrichtung JTL-Shop5 3
Neu Shop5 Neuinstallation - bei aufruf von /News - HTTP ERROR 500 Allgemeine Fragen zu JTL-Shop 3
Neu Auf der News-Detailseite werden keine Boxen im Footer angezeigt. Gesetzlich-relevant!!! JTL-Shop - Fehler und Bugs 8
Neu News-Übersicht und Rubriken Allgemeine Fragen zu JTL-Shop 0
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 JTL Shop 5 - Versandkosten in Verbindung mit Versandklassen falsche Darstellung in der Warenkorbvorschau JTL-Shop - Fehler und Bugs 1
Neu Logo und Vorgang Text Darstellung Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Neue Formulare: Darstellung nur in PDF Anhang bei Mail? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Eigene Seiten - Darstellung aller Ebenen im Megamenü Betrieb / Pflege von JTL-Shop 4
Neu Zugriff auf Datenbank nach Update weg? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Fehler - weiße seite bei sprach wechsel auf englisch JTL-Shop - Fehler und Bugs 3
Neu Aufträge zusammenfassen - Positionshinweis auf ursprüngliche Bestellung hinterlegen Arbeitsabläufe in JTL-Wawi 0
Neu Rabbat auf Auftrag Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
weiße Seite HTTP ERROR 500 bei Schritt 4: Migration auf InnoDB/UTF-8 vornehmen Upgrade JTL-Shop4 auf JTL-Shop5 14
Migrieren der DB via cli auf Server möglich? Upgrade JTL-Shop4 auf JTL-Shop5 1
Gelöst Versandart änder auf "Fake-Versandart" Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 5
Beantwortet "Auf Pickliste setzen" - Crzy Bug Jetzt Versenden = 0 JTL-Workflows - Fehler und Bugs 1
Neu Selbstabholung nicht als Position auf Rechnung und Lieferschein anzeigen Arbeitsabläufe in JTL-Wawi 2
Neu Kauf auf Rechnung für Firmen - Erst nach manueller Freigabe - Schutz vor Betrug User helfen Usern - Fragen zu JTL-Wawi 3
Neu Währungsproblem bei Verkäufen auf Amazon Schweden, Polen und Türkei Einrichtung und Installation von JTL-eazyAuction 1
Neu PayPal Express- und Amazon Pay-Buttons auf Artikeldetailseite nebeneinander darstellen Technische Fragen zu Plugins und Templates 0
Neu Auf das verworfene Objekt kann nicht zugegriffen werden: Objektname: "jtlTextBox". eBay-Anbindung - Fehler und Bugs 1
Neu Artikelbezeichnung auf Lieferschein immer in Deutsch Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Warum funktioniert diese RegEx auf regex101.com aber nicht in der WaWi als Workflow? User helfen Usern - Fragen zu JTL-Wawi 5
Neu Shop im Quelltext auf Noindex setzen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Bilder auf Woocommerce werden nicht dargestellt. WooCommerce-Connector 0
Neu Zurückfunktion auf der Detailseite im JTL Shop Allgemeine Fragen zu JTL-Shop 0
Neu Text auf Rechnung ja nach Zahlungsart anzeigen lassen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
In Bearbeitung Artikel-Rabatt wird auf alle Stückzahlen angewendet JTL-POS - Fehler und Bugs 6
Neu Produktseite leer nach Update auf Shop 5.0.3 Installation / Updates von JTL-Shop 6
Neu Vielleicht kann mich ja jemand vom Schlauch zerren, auf dem ich stehe....Wawi 1.5.45.1 Formulare - Mahnungsvorlage speichern JTL-Wawi - Fehler und Bugs 0
Neu Fehler im Update 1.5.46.1 auf 1.5.46.4 Installation von JTL-Wawi 11
In Bearbeitung Ist es möglich, auf dem Kassenbon außer dem Artikelnamen auch den Artikel Hersteller zu drucken Allgemeine Fragen zu JTL-POS 5
Neu Variablen von Kategoriename und Url auf Herstellerseite zur Verfügung stellen Templates für JTL-Shop 2
Neu Bestand vom Standardlager abzüglich der zu packenden Menge auf Packliste Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Nach Update auf 1.5.46.4 Bilder Sync-Problem mit Woocommerce WooCommerce-Connector 1
Neu Update auf JTL-Wawi 1.5.46.4 - Externe Bestellnummer wird in Umtauschauftrag nicht mehr übernommen, wieso? JTL-Wawi - Fehler und Bugs 0
Neu Versandetikett lässt sich auf anderem Rechner nicht erstellen User helfen Usern - Fragen zu JTL-Wawi 4
JTL-Shop 5: On Page Composer: Text auf Startseite abhängig von angemeldetem User oder nicht - ist das möglich? Einrichtung JTL-Shop5 1
Neu Aufzuschaltende Angebote - tauchen nach 24 Std nicht in Angebote auf Amazon-Anbindung - Fehler und Bugs 4
Kategorien auf Startseite mehrzeilig, geht das? Einrichtung JTL-Shop5 2
In Bearbeitung POS-1444 - Bonrabatt auf Artikel mit Kenner "Rabatte ignorieren" JTL-POS - Fehler und Bugs 1
Neu Der Auftrag wird nicht ausgeliefert: Bereits auf einer anderen Pickliste. Arbeitsabläufe in JTL-Wawi 0
Neu Update von 4.05 auf 4.06.17 Fehler - weiße Seite nach Bestellabschluss JTL-Shop - Fehler und Bugs 1
Neu Fehler nach Update auf Shop 5.0.3 Installation / Updates von JTL-Shop 1
Neu Produkte verlinken/anbinden aus JTL Shop auf Wordpress Onlineshop-Anbindung 0
Neu Bezeichnung wird als Artikelnummer angezeigt auf Rechnungen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Beantwortet [gelöst] Keine Sprachvariable bei Hinweis auf auszufüllendes Formularfeld? JTL-Shop - BETA - Feedback und Bugmeldungen 2

Ähnliche Themen