Gelöst Template-Anpassungen beim Template "JTL-Shop2"

[Junker]

Hallo zusammen,

ich benötige Hilfe bei der Anpassung meines verwendeten Templates, da ich von HTML, CSS & Co. nur minimale Grundkenntnisse habe.

Vorweg ein paar allgemeine Sätze:
Meinen Shop www.Score-Search.de habe ich mit der 5er-Version von Shop2Date erstellt und bin nur durch Zufall auf JTL gestoßen, da ein anderer ehemaliger Shop2Date-User "übergesiedelt" ist. Ich habe mir dann von Thomas L. einen Test-Shop einrichten lassen, mit diesem ein wenig experimentiert, Produkte eingepflegt etc.

Das Standard-Template JTL-Shop2 gefällt mir ansich schon recht gut ... im Sinne von "Manchmal ist weniger mehr" ist alles schön übersichtlich und der Shop beschränkt sich auf das Wesentliche. Die ersten Änderungen am Template hat Rafael Classen (www.rworks.de) für mich gemacht. Die restlichen Änderungen wollte er ebenfalls machen, aber leider antwortet er nicht mehr auf meine Mails ... warum auch immer.

Daher wende ich mich nun an Euch. Vielleicht kann mir jemand helfen, so daß ich endlich von Shop2Date zu JTL umziehen kann. Ich experimentiere nun schon seit Monaten und bin von der WAWI und dem Shop zu 100% überzeugt. Alle Vorzüge von JTL gegenüber anderen Produkten sind Euch ja sicherlich bekannt.

Okay, ich komme mal zu den eigentlichen Problemen.
Mein JTL-Test-Shop ist erreichbar unter http://test.jtl-shop.de/junker/.


1.) Abstand zwischen Kategorien (links)
z.B. http://test.jtl-shop.de/junker/limitierte-CDs
Was muß ich wo ändern, so daß der Abstand von Zeile zu Zeile kleiner wird? Den Abstand hätte ich gerne generell so groß, wie es im Bereich "INFORMATIONEN" ist.

Derzeit sieht es so aus:
Den Anhang 1918 betrachten

Schöner fände ich es so:
Den Anhang 1919 betrachten


2.) Warenkorb

Derzeit sieht es wie folgt aus:
Den Anhang 1920 betrachten

Schöner fände ich es so:
Den Anhang 1921 betrachten


3.) Box-Größe in der Mitte

Kann man die Größe in Bezug auf die Höhe anpassen?

Derzeit sieht es wie folgt aus:
http://www.ostenland.info/Downloads/JTL/Box_Mitte1.jpg

Schöner fände ich es so:
http://www.ostenland.info/Downloads/JTL/Box_Mitte2.jpg


4.) Schriftgröße "Boxen in der Mitte"

Zudem könnte die Schriftgröße der Boxen in der Mitte auch ein wenig kleiner sein; also so groß, wie bei den Boxen links ("Soundtracks", "Zeitschriften" etc.). Oder täuscht das nur und die Größen sind identisch?



5.) "zzgl. Versandkosten" >>> Fettschrift + unterstrichen

Der derzeitge Stand ist "zzgl. Versand" in normaler Schrift. Beim Überfahren von "Versand" mit der Maus wird dieses Wort unterstrichen. Ich hätte es gerne etwas "rechtssicherer". Anstelle von "Versand" würde mir "Versandkosten" besser gefallen ... das Ganze dann in Fettschrift + unterstrichen wie z.B. unter http://www.score-search.de/labeluebersicht/bsxrecords/laserblast.php zu sehen.


Das war es für's Erste. Ich habe mir frecherweise erlaubt, alle meine gewünschten Template-Anpassungen in ein Thema zu packen. Wer direkt auf dem Server am Template basteln möchte, kann sich gerne bei mir melden. Ich kläre dann gerne vorab mit Thomas ab, ob ich die FTP-Zugangsdaten weitergeben darf.


Schöne Grüße
Bernd

 

[Dealux-GmbH]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Installier dir mal den Firefox mit dem Plugin "Firebug". Wenn du damit ein bisschen experimentiert hast, kannst du die von dir genannten änderungen ganz einfach machen. Auch wenn man nur Grundkenntnisse in HTML usw. hat.

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Schande über mein Haupt: Ich bin IE-8-Nutzer .....

 

[Dealux-GmbH]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Selber Schuld Aber um das zu lösen ist das echt die einfachste Methode.

 

[igel-max]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Hello Bernd,

schön wieder mal einen von DB zu haben.

wenn du meine Shop anschaust und bei DB vorbei schaust (hier ist unsere Mustershop mit DB) wirds du außärlich kaum änderungen sehen.

Wenn man bischen FIX ist kann man mit JTL wesentlich mehr machen als mit DB bei Version 6 für schlappe 500,00 Euro ohne Pluings und vor allem ohne WAWI

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Unverhofft kommt oft ... und wenn man dann seit ein paar Stunden eine neue Tastatur hat (ausgerechnet von Microsoft), kommt man versehentlich beim Tippen auf die falsche Taste und alles ist futscht.

Daher auf die Schnelle erneut in Kurzform:

- Anpassungen am Template bezahle ich gerne
- ich habe (mittlerweile) keine Zeit (mehr), mich in unbekannte Gefilde einzuarbeiten
- ich habe dazu ehrlicherweise auch überhaupt keine Lust, da man sich mittlerweile fast täglich mit neuen "Problemen" beschäftigen muß ... ob es nun HTMLCode & CSS sind, irgendwelche Audio-Codecs, defekte Grafikkarten, Zugriffsprobleme im Netzwerk o.ä.

Meine Nerven liegen quasi blank und ich möchte lediglich schnellstmöglichst auf JTL umsteigen - entweder mit einer vorrangegangenen Template-Anpassung nach meinen Wünschen oder aber notfalls in der derzeitigen Form.

Vielleicht honoriert ja jemand von Euch meine Ehrlichkeit ...
Bernd


@igel-max
So richtig hat mir Dein Posting nicht weitergeholfen. Auf jeden Fall möchte ich nicht, daß die Besucher meines Shops horizontal scrollen müssen. Das ist z.B. beim Aufruf Deines Shops bei mir der Fall. Oder liegt das am IE?

 

[Dealux-GmbH]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Ich hab das ganze dann mal in das passende Forum dafür verschoben.

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Installier dir mal den Firefox mit dem Plugin "Firebug". Wenn du damit ein bisschen experimentiert hast, kannst du die von dir genannten änderungen ganz einfach machen. Auch wenn man nur Grundkenntnisse in HTML usw. hat.

Ich habe nun Firefox + Firebug installiert. Tolles Plugin

Um mal auf die Abstände zwischen den Kategorien links zurück zu kommen ...
Firebug zeigt mir dort <tr height="26 px"> an, was dann wohl die Höhe der Zeile ist.

selfhtml schreibt allerdings dazu

Einige Browser interpretieren darüber hinaus weitere Angaben wie <tr height=>. Solche Angaben sind allesamt nicht HTML-Standard-konform und sollten nicht mehr verwendet werden.

In dieser Zeile befindet sich dann menu-punkt.png und der in der WAWI hinterlegte Kategoriename, deren Aussehen durch die Klasse class="kategorielink" festgelegt ist.

Habe ich das soweit richtig interpretiert?

Nun könnte ich also <tr height="26 px> auf beispielsweise 20 px ändern.
Wo aber ändere ich das?

----------

Scheint wohl alles doch nicht so schwer zu sein, was die Boxgröße in der Mitte betrifft.

#content_head {
padding-top:13px;
padding-left:15px;
height:39px;
color: #FEFFFF;
background-image:url(../gfx/top_head.png)

padding-top + height = Höhe der top_head.png

Wenn der Text 17px hat und mittig in der Box (dann Höhe 41) stehen soll, muß padding-top 12 px sein und height 29px, oder?


Gruß
Bernd

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Wenn der Text 17px hat und mittig in der Box (dann Höhe 41) stehen soll, muß padding-top 12 px sein und height 29px, oder?

Cool, hab's gerade mal ausprobiert und es paßte. :biggrin:
Sorry für meinen Euphorie, aber für mich als Laien ist das ein absolutes Erfolgserlebnis.

 

[Marcel]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Alle Probleme und Wünsche inzwischen erledigt?

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Hallo Marcel,

DANKE der Nachfrage ...


Mittels Firefox + Firebug habe ich versucht, mich selber einzuarbeiten, da ja anscheinend niemand Interesse an meinem Geld hat. Das Ergebnis ist allerdings nur zu ca. 40% zufriedenstellend.


1.) Abstand zwischen Kategorien (links)

Der Abstand zwischen den einzelnen Kategorien beträgt laut Firebug 26 Pixel. Wo ich dieses nach meinen Wünschen ändern kann, konnte ich nicht herausfinden. Ich habe alle Dateien des Templates durchsucht, aber nirgendwo eine Zeile mit "26px" gefunden.
Warum kann diese Box nicht einfach optisch genauso aussehen wie die "Informationen-Box"? Dann wäre ich dermaßen glücklich ..... und auch bald Kunde.

Ich hatte einen Bekannten gefragt, der sich auskennt etc.
Er schrieb mir u.a.

Ist der Style von dir oder wird der von der Software geliefert? Wenn es letzteres ist, dann frag doch mal nach, warum die denn Tabellen für das Layout verwenden, wenn das alles andere als zeitgemäß oder standardkonform ist? Würden sie nur CSS einsetzen, dann wäre dein Problem viel leichter zu lösen.

Wie ich das persönlich werten soll, weiß ich nicht.


2.) Warenkorb

Ich habe da selber ein wenig "experimentiert". Solange niemand mehr als 9 Artikel in den Warenkorb legt, sieht es für mich akzeptabel aus. Schöner wäre es allerdings, wenn es anstelle von "Es befinden sich keine Artikel im Warenkorb" "Ihr Warenkorb enthält 0 Artikel" heißen würden. Der Text würde dann in zwei Zeilen passen und nicht über 4 gehen.


3.) Box-Größe in der Mitte

Das konnte ich selber ändern.


4.) Schriftgröße "Boxen in der Mitte"

Das ist nun unwichtig, da der Text in den mittleren Boxen jeweils vertikal mittig steht.
Vorerst reicht mir das.


5.) "zzgl. Versandkosten" >>> Fettschrift + unterstrichen

Darum konnte ich mich noch nicht kümmern, da ich bis dato zu 99% versucht habe, den Punkt 1 in den Griff zu bekommen. Leider vergebens ...


Fazit:
- Punkt 2 ist nicht unbedingt wichtig
- Punkt 1 zu ändern wäre schön
- Punkt 5 ist das Wichtigste


Schöne Grüße
Junker

 

[apfel24]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Punkt 1:
templates/DEIN_TEMPLATE/php/functions.php

dort wirst Du die 26px finden.

Punkt5:
templates/DEIN_TEMPLATE/css/jtlshop2.css Zeile 157 ersetzen durch

.ustklein {
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
text-decoration:underline;


}

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Sehr schön apfel24,

Punkt 1 ist somit eigentlich auch erledigt, bis auf vielleicht eine Kleinigkeit.

Bekommt man irgendwie noch den Abstand bei den "Kategorien-Boxen" (rot) so hin, wie es in der "Informationen-Box" (grün) ist?

Den Anhang 2006 betrachten



Punkt 5 ist auch erledigt

Hat vielleicht noch jemand eine Idee bzgl. Punkt 2?


Schöne Grüße
Junker

 

[Dealux-GmbH]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Steht in SHOPROOT/lang/ger.php. Also NICHT im Template-Ordner.

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Steht in SHOPROOT/lang/ger.php. Also NICHT im Template-Ordner.

Welchen Punkt meinst Du? Den ersten bzgl. des Abstands?
Was müßte denn dann in der ger.php geändert werden?

Ich müßte dann mal Thomas Lisson fragen, ob er das für mich ändern kann, da ich ja derzeit nur einen Testshop und somit keinen Zugriff auf die Datei habe.

 

[Dealux-GmbH]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Nein den mit dem Warenkorb.

Ist die Zeile:

define('L_CHECKOUT_EMPTYBASKET','Es befinden sich keine Artikel im Warenkorb');

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Ach so, Danke ... ich frage mal Thomas, ob er das ändert.

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Steht in SHOPROOT/lang/ger.php. Also NICHT im Template-Ordner.

Thomas hat das geändert. DANKE, Thomas

Bleibt vorerst "nur noch" die "Kleinigkeit" aus #14

Und wie ich Thomas bereits per Mail mitgeteilt hatte:
"Nettigkeiten" seinerseits und die Hilfe hier im Forum bekräftigen mich immer mehr in meiner Meinung, daß der geplante Umstieg von Shop2Date zu JTL der richtige Weg ist. :biggrin:

 

[Dealux-GmbH]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Poste mal deine "DEINTEMPLATEORDNER/tpl_inc/leftContainer.tpl".

 

[Junker]

AW: Template-Anpassungen beim Template "JTL-Shop2"

Poste mal deine "DEINTEMPLATEORDNER/tpl_inc/leftContainer.tpl".

Bitte ...

{*
-------------------------------------------------------------------------------
        JTL-Shop 2
        File: index.tpl, smarty template file
        index page for JTL-Shop 2
        Template: JTL-Shop2
        Author: JTL-Software, [EMAIL="thomas@jtl-software.de"]thomas@jtl-software.de[/EMAIL]
        [URL="http://www.jtl-software.de/"]http://www.jtl-software.de[/URL]
        Copyright (c) 2007 JTL-Software
-------------------------------------------------------------------------------
*}
        <div id="left_container">
                {*<div id="subbox" style="margin-top:0px;">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{#search#}</p>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;" align="center">
                                        <form name="suche" action="suche.php" method="post" style="padding:0px;margin:0px;">
                                                <input type="text" name="suchausdruck" class="suche" value="{#searchwords#}">
                                                <input type="hidden" name="{$session_name}" value="{$session_id}">
                                                <p class="spacer">&nbsp;</p>
                                                <input type="submit" value="{#find#}" class="button">
                                        </form>
                                </div>
                        </div>
                </div>*}
                <div id="subbox" style="margin-top:0px;">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{#categories#}</p>
                        </div>
                        <div id="subbox_content">
                                <table class="kategorien" cellpadding="0" cellspacing="0" width="100%" style="padding:0px;margin:0px;">
                                {$KategorielisteHTML}
                                </table>
                        </div>
                </div><br>
{if $KategorielisteHTML_1}
                <div id="subbox" style="margin-top:0px;">
                        <div id="subbox_header_hell">
                                <p class="boxheader">zweite kategoriebox</p>
                        </div>
                        <div id="subbox_content">
                                <table class="kategorien" cellpadding="0" cellspacing="0" width="100%" style="padding:0px;margin:0px;">
                                {$KategorielisteHTML_1}
                                </table>
                        </div>
                </div>
{/if}
{if $Boxen.Schnellkauf->anzeigen=="Y"}
                <div id="subbox">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{#quickBuy#}</p>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;">
                                        <form name="schnellkauf" action="warenkorb.php" method="post" style="padding:0px;margin:0px;">
                                                <input type="hidden" name="schnellkauf" value="1">
                                                <input type="hidden" name="{$session_name}" value="{$session_id}">
                                                <p class="box_login">{#productNoEAN#}:</p>
                                                <input type="text" class="schnellkaufEAN" name="ean"><p class="spacer">&nbsp;</p>
                                                <input type="submit" value="{#intoBasket#}" class="warenkorb">
                                        </form>
                                </div>
                        </div>
                </div>
{/if}
{if $Boxen.Hersteller->anzeigen=="Y"}
                <div id="subbox">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{#manufacturers#}</p>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;" align="center">
                                 <form name="hst" action="suche.php" method="post" style="padding:0px;margin:0px;">
                                  <input type="hidden" name="special" value="hst">
                                  <input type="hidden" name="{$session_name}" value="{$session_id}">
                                        <select name="kHersteller" onChange="javascript:document.hst.submit();">
                                                <option>{#selectManufacturer#}</option>
{foreach name=hersteller from=$smarty.session.Hersteller item=hst}
            <option value="{$hst->kHersteller}">{$hst->cName|truncate:22:"..."}</option>
{/foreach}
                                        </select>
         </form>
                                </div>
                        </div>
                </div>
{/if}
{if $smarty.session.Linkgruppen->Informationen}
                <div id="subbox">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{$smarty.session.Linkgruppen->Informationen->cLocalizedName[$smarty.session.cISOSprache]}</p>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;">
        {foreach name=Informationen from=$smarty.session.Linkgruppen->Informationen->Links item=Link}
                                        <img alt="" src="{$currentTemplateDir}gfx/menu-punkt.png" border="0"><a href="{$Link->URL}" class="menulink">{$Link->cLocalizedName[$smarty.session.cISOSprache]}</a><br>
        {/foreach}
                                </div>
                        </div>
                </div>
{/if}
{if $Boxen.Bestseller->anzeigen=="Y"}
                <div id="subbox">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{#bestsellers#}</p>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;">
{if $BoxenEinstellungen.boxen.box_bestseller_scrollen>0}
         <marquee behavior="scroll" direction="{if $BoxenEinstellungen.boxen.box_bestseller_scrollen==1}down{else}up{/if}" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="70">
{/if}
        {foreach name=bestseller from=$Boxen.Bestseller->Artikel->elemente item=Artikel}
                                <div style="padding:5px;" align="center">
                                        <a href="{$Artikel->cURL}"><img alt="{$Artikel->cName}" src="{$Artikel->cVorschaubild}"></a><br>
                                        <a href="{$Artikel->cURL}" class="artikelnamelink">{$Artikel->cName}</a>{if $smarty.session.Kundengruppe->darfPreiseSehen}{if $Artikel->Preise->fVKNetto==0 && $Einstellungen.global.global_preis0=="N"}<br><span class="standard">{#priceOnApplication#}</span><br><br>{else}<span class="boxpreis"><br>{if $Artikel->Preise->strPreisGrafik_Bestsellerbox}{$Artikel->Preise->strPreisGrafik_Bestsellerbox}{else}{#only#} {$Artikel->Preise->cVKLocalized[$NettoPreise]}{/if}</span><br>{$Artikel->cMwstVersandText}{/if}{/if}
                                </div>
        {/foreach}
{if $BoxenEinstellungen.boxen.box_bestseller_scrollen>0}
         </marquee>
{/if}
                                </div>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;background: #ffffff;">
                                        <center><a href="suche.php?special=bestseller&{$SID}" class="artikelnamelink">{#showAllBestsellers#}</a></center>
                                </div>
                        </div>
                </div>
{/if}
{if $Boxen.ZuletztAngesehen->anzeigen=="Y"}
                <div id="subbox">
                        <div id="subbox_header_hell">
                                <p class="boxheader">{#lastViewed#}</p>
                        </div>
                        <div id="subbox_content">
                                <div style="padding:5px;" align="center">
                                        <a href="{$Boxen.ZuletztAngesehen->Artikel->cURL}"><img alt="{$Boxen.ZuletztAngesehen->Artikel->cName}" src="{$Boxen.ZuletztAngesehen->Artikel->cVorschaubild}"></a><br>
                                        <a href="{$Boxen.ZuletztAngesehen->Artikel->cURL}" class="artikelnamelink">{$Boxen.ZuletztAngesehen->Artikel->cName}</a>{if $smarty.session.Kundengruppe->darfPreiseSehen}{if $Boxen.ZuletztAngesehen->Artikel->Preise->fVKNetto==0 && $Einstellungen.global.global_preis0=="N"}<br><span class="standard">{#priceOnApplication#}</span><br><br>{else}<span class="boxpreis"><br>{if $Boxen.ZuletztAngesehen->Artikel->Preise->strPreisGrafik_Zuletztbox}{$Boxen.ZuletztAngesehen->Artikel->Preise->strPreisGrafik_Zuletztbox}{else}{#only#} {$Boxen.ZuletztAngesehen->Artikel->Preise->cVKLocalized[$NettoPreise]}{/if}</span><br>{$Boxen.ZuletztAngesehen->Artikel->cMwstVersandText}{/if}{/if}<p class="spacer">&nbsp;</p>
                                </div>
                        </div>
                </div>
{/if}
        </div>

Alternativ auch als Download unter:
http://www.ostenland.info/Downloads/JTL/leftContainer_(Stand_23.04.2010,_15.27).tpl