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 Widersprüchliche Darstellung von Artikel Betrieb / Pflege von JTL-Shop 14
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 Gebrauchtware über Unicorn auf Idealo verkaufen Schnittstellen Import / Export 0
Neu Logo für Bon in JTL-POS auf Chromebox JTL-POS - Fragen zu Hardware 1
Beantwortet Alte Aufträge nicht auf Pickliste Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 4
Neu Artikel kann nicht auf Amazon eingestellt werden - [Herkunftsland = null] Amazon-Lister - Fehler und Bugs 1
Neu Frankreich Umsatzsteuernummer ID nicht auf Rechnung - Vorschau schon ?!?! JTL-Wawi - Fehler und Bugs 4
Gelöst Update V5.0 auf V5.1 Backup fehlgeschlagene Übertragungen Einrichtung JTL-Shop5 1
Neu Neuen Artikel auf altes ebay Angebot verknüpfen eBay-Anbindung - Ideen, Lob und Kritik 0
Neu Hilfe bei Shopware Update 5.5 auf 5.6.10 gesucht (inkl. Plugins) User helfen Usern 0
Neu Deaktivierte Länder nach Update auf 5.1 (RE-Adresse) JTL-Shop - Fehler und Bugs 2
Neu Updatefehler auf 1.6.29.4 wegen Servicedesk Installation von JTL-Wawi 1
Neu Ist es möglich eine eindimensionale Variante auf eine mehrdimensionale Variante umzustellen. User helfen Usern - Fragen zu JTL-Wawi 2
Neu Auf Startseite bestimmte Produkte anzeigen Allgemeine Fragen zu JTL-Shop 1
Gelöst Konfigurator - Komponenten Namen werden nicht angezeigt nach Update auf 5.1 JTL-Shop - Fehler und Bugs 3
Neu Nach Update auf 5.1 Springt die Startseite wenn der Cookiebanner noch nicht angeklickt wurde JTL-Shop - Fehler und Bugs 2
Neu eA ändert automatisch Versandkosten auf 9,90 eBay-Anbindung - Fehler und Bugs 2
Neu Merkmal auf Etikett drucken Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu eA ändert automatisch Versandkosten auf 9,90 User helfen Usern 5
Neu Fehler beim Update auf 5.1 JTL-Shop - Fehler und Bugs 2
Neu Listing via Flatfile von Amazon EU auf Amazon N/A und Asia Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu JTL Wawi Verbindung von RDS-Server auf SQL Server herstellen funktioniert nicht JTL-Wawi - Fehler und Bugs 0
Neu Amazon Pay Transaktionsnummer oder Verwendungszweck/Referenznummer auf Rechnung User helfen Usern - Fragen zu JTL-Wawi 1
Neu Shop Upgrade von 4 auf 5 ein Desaster Installation / Updates von JTL-Shop 3
Neu JTL Shop 5.0.1 zeigt Update Papyal auf 2.1.0 - reagiert aber nicht und keine Abwicklung mehr möglich?! JTL-Shop - Fehler und Bugs 16
Neu Update JTL-Shop 5.0.3 auf 5.1.0 als JTL-Vouchers Pilot Installation / Updates von JTL-Shop 5
Neu Weiterleitung einrichten...CSV-Datei gelöschte URLs auf aktuelle URLs Einrichtung von JTL-Shop4 0
In Diskussion Brutto VK prozentual auf den Ebay VK mit einem Workflow ändern, ist das möglich? JTL-Workflows - Ideen, Lob und Kritik 1
Neu Stücklistenkomponenten auf Packliste anzeigen Arbeitsabläufe in JTL-Wawi 2
4 auf 5: Bleiben Versandarten erhalten? Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu Der HTTP-Dienst auf https://api.jtl-shipping.de/dhl/JtlWebApi.svc ist nicht verfügbar. Möglicherweise ist der Dienst ausgelastet, oder es wurde kein E JTL-ShippingLabels - Fehler und Bugs 6
Neu Shopversion nach Patch-Update von 5.0.0 auf 5.0.3 weiterhin auf 5.0.0 Installation / Updates von JTL-Shop 8
Neu JTL Wawi auf remote desktop server User helfen Usern - Fragen zu JTL-Wawi 2
Neu Vouchers Barcode auf Gutschein drucken Einrichtung / Updates von JTL-POS 0
Neu URLs weiterleiten auf "extra" Suchseite? Allgemeine Fragen zu JTL-Shop 3
Neu Erweiterte Artikelbeschreibung auf der Startseite Allgemeine Fragen zu JTL-Shop 0
Neu Je nach Artikel(-Gruppe) automatisch Hinweis auf Pickliste hinzufügen Individuelle Listenansichten in der JTL-Wawi 0
Neu Installfehler Pilotversion 1.6.29.3 auf Clientrechner Installation von JTL-Wawi 0
Neu Fehler bei der Migration auf InnoDB - tzahlungslog Upgrade JTL-Shop4 auf JTL-Shop5 6
Neu Ladengeschäft auf JTL Wawi und Luwosoft POS Starten mit JTL: Projektabwicklung & Migration 2
Neu Ungültige Backend-Antwort. Ein serverseitiger Fehler trat auf. HTTP error 500 Installation / Updates von JTL-Shop 0
Viele Artikelbilder verschwunden nach Update auf JTL 5 Upgrade JTL-Shop4 auf JTL-Shop5 3
Neu Aufträge stecken nach Absturz bei Auslieferung auf der Pickliste fest JTL-Wawi - Fehler und Bugs 4

Ähnliche Themen