Jump to content
xt:Commerce Community Forum

Komplette Anleitung F?r Templatebau


MarcB

Recommended Posts

Guten Tag,

ich bin noch neu hier und bitte deshalb um ein wenig Verst?ndnis f?r meine Fragen :i:

Wo kann ich eine m?glichst komplette und vor allem Deutsche Anleitung f?r den Bau von eigenen Templates finden ?

Gibt es auch eine komplett Deutsche Hilfe Datei bzw. Anleitung zu Xt Commerce (derzeit noch zur) Version 2 ?

Bisher haben wir nur mit einem Shop auf Java Script Basis gearbeitet nur ist hier die Ladezeit einfach viel zu hoch :cry: Deshalb suchen wir jetzt doch etwas anderes.

Ich bin f?r jede "Hifle" dankbar.

Mit freundlichem Gru?

Marc Bauer

Link to comment
Share on other sites

Hallo Techway,

vielen Dank f?r den Link. Ja das hatte ich gesehen allerdings hatte ich gehofft das es weitere und noch ausf?hrlichere Anleitungen gibt.

Bei der jetzt von uns eingesetzten Java Script Shopsoftware habe ich die M?glichkeit das Layout komplett in der Vorschau (dreamweaver) zu sehen was mir die Arbeit sehr erleichtert.

Bei xt-commerce sehe ich nur die Platzhalter und habe eigentlich keine Ahnung was ich das ?ndern kann/darf und was nicht. :grml:

Mit freundlichem Gru?

Marc Bauer

Link to comment
Share on other sites

Hallo MarcB,

die Boxen wie Kategorien, Warenkorb usw. findest Du in deinem Template unter deintemplate/boxes/... .

Diese findest alle in diesem Verzeichnis und kannst da deine HTML - Kenntnisse voll einsetzen.

In der Index - Datei werden diese Boxen dann aufgerufen. Wie, das findest Du in dem xtc2-Template als Beispiel.

Eine richtig genaue Anleitung findest Du leider nicht. Habe auch schon mal danach gesucht. Doch wenn Du Dir das ganze genauer anschaust ist das kein Thema mehr.

Viel Spa?

Bis dann!

katelco

Link to comment
Share on other sites

Hallo Marc,

ein paar kleine Tipp's von meiner Seite zum bauen bzw. umorganisieren von Templates, falls es Dich interessieren sollte:

- Versuche, textbasiert zu arbeiten (DW geht nat?rlich auch, hat aber wohl immer mal Quelltext versaut, wie schon hin und wieder zu lesen war; smarty-tags solltest Du Dir beim DW mit passendem Plug-In auch anzeigen lassen k?nnen)

- mache Dir parallel zu Deinem Bearbeitungsfenster (textbasiert) ein Browserfenster auf, zwei Monitore machen sich da ganz ausgezeichnet, eigene Erfahrung. Damit kriegst Du so eine Art Wysiwyg-Feeling.

- schalte w?hrend der Bearbeitung IMMER den Cache ab im Shop und guck sicherheitshalber im Cache-Ordner nach, ob da schon was drin steht, wenn ja, weg damit, sonst suchst Du Dir nen Wolf, weil irgendwelche ?nderungen nicht ?bernommen wurden, da der Browser die Dateien immer noch aus dem Cache holt und nicht die gerade aktualisierten nimmt. Cache ist erst sinnvoll im Shop, der online steht. Aus Deinem Posting geht ja hervor, dass Du ja sowieso offline arbeitest.

- organisiere Dir vielleicht einen vern?nftigen Dateimanager; Dateien nach enthaltenem Inhalt kann sicher auch der Explorer suchen, aber da gibt es viel Besseres, Total Commander z.B.; Web-Design geht sehr gut mit Meybohms html-Editor und ?berhaupt... :) ...

Hoffe, ich hab Dich jetzt nicht gelangweilt.

Viele Gr??e!

Thomas

Link to comment
Share on other sites

Hallo Thomas,

Du hast mich keineswegs gelangweilt im Gegenteil ich bin f?r jede Hilfe sehr dankbar !!!

Mit Dreamweaver arbeite ich erst seit kurzem, vorher habe bzw. benutze ich NetObjects Fusion f?r die Internetseitenerstellung. Deshalb hatten wir uns auch eine Shopsoftware gekauft. Aber selbst da konnte ich mit NoF nicht viel anfangen da der mit den Quelltext total durcheinander haut :angry:

Mein HTML Wissen ist also nich so dolle. Ich konnte zwar mit DW den Java Script Shop nach meinen W?nschen weitesgehend umbauen aber das war?s dann auch schon.

Phase 5 hatte ich zwar auch schon probiert aber die direkte Vorschau bei DW hat mir super gut gefallen.

Auf jeden Fall herzlichen Dank f?r Deinen Rat :D

Gru? Marc Bauer

Link to comment
Share on other sites

hier mal eine kleien anleitung, denn posten macht so viel spa? :)

Anpassung des xtCommerce-Designs

1. Aufbau des Shops: /templates/TEMPLATENAME/index.html

Smartys (beliebig positionierbar)

- Hauptnavigation

{$navtrail}: ?Verlauf?

{#link_logoff#}: Ausloggen

{#link_account#}: Ihr Konto

{#link_cart#}: Warenkorb

{#link_checkout#}: Kasse

- Boxen

{$box_CATEGORIES}: Kategorien

{$box_ADD_QUICKIE}: Schnellkauf

{$box_CONTENT}: Mehr ?ber...

{$box_INFORMATION}

{$box_REVIEWS}: Bewertungen

{$box_SEARCH}: Suche

{$box_SPECIALS}

{$box_WHATSNEW}: Neue Produkte

{$box_CART}: Warenkorb

{$box_LOGIN}: Login

{$box_ADMIN}: Admin-Feld (nach Login)

{$box_BESTSELLERS}

{$box_CURRENCIES}

{$box_LANGUAGES}: Sprachen

{$box_MANUFACTURERS_INFO}

{$box_MANUFACTURERS}: Hersteller

{$box_NOTIFICATIONS}: Benachrichtigungen

{$box_TELL_FRIEND}: Weiterempfehlen

2. Design (Schriftarten & -farben definieren, etc.): /templates/TEMPLATENAME/stylesheet.css

.boxText: Boxen-Text

BODY: Hintergrund

- background: Hintergrundfarbe

- color: Textfarbe

- margin: Rahmendicke

A: Links

A:hover: Links bei Mouse-Over

A.headerNavigation: ?Haupt?-Men?

A.headerNavigation:hover: ?Haupt?-Men? bei Mouse-Over

TD.infoBoxHeading: ?berschriften links

TD.infoBoxHeading_right: ?berschriften rechts

TD.infoBox, SPAN.infoBox: Design Men? links

- border-right: Breite des Randes

- background: Men?farbe

- border-color: Randfarbe

TD.infoBox_right, SPAN.infoBox_right: Design Men? rechts

- background: Men?farbe

TD.main, P.main: ?Haupt?-Schriftart

SPAN.productDiscountPrice: Preis-Anzeige

.moduleRow: Kategorien-Box-Inhalt

- line-height: Zeilenabstand

.moduleRowOver: Kategorien-Box-Inhalt bei Mouse-Over

3. Boxen einzelnd ver?ndern: /templates/TEMPLATENAME/boxes/

{#heading_BOXNAME#}: Box-?berschrift

{$BOX_CONTENT}: Box-Inhalt

4. Templates ver?ndern: /templates/TEMPLATENAME/module/

Unterkategorien: .../categorie_listing/

Produktinformationen: .../product_info/

Produkte: .../product_listing/

5. Texte ?ndern: /lang/german/lang_german.conf

6. Boxen erstellen

- box_BOXNAME.html (/templates/TEMPLATENAME/boxes/) erstellen

- BOXNAME.php (/templates/TEMPLATENAME/source/boxes/) erstellen

- in boxes.php (/templates/TEMPPLATENAME/source/)

require(DIR_WS_BOXES . 'BOXNAME.php')

einf?gen

- {$box_BOXNAME} in index.html (/templates/TEMPLATENAME/) an der gew?nschten Stelle einf?gen

- ?ber ?phpMyAdmin? (o.?.) den BOXNAMEN und die ID in cm_file_flags in der Datenbank eintragen

vielleicht hilt?s dir ja

gru?

campanero

Link to comment
Share on other sites

JAWOOOOOLLLLLLLLLLL!!!!!!!!!!!!!!!

Hey Muchacho vielen Dank f?r Dein Posting das bringt mich doch ein ganzes St?ck weiter.

Eigentlich war ich doch am zweifeln ob das ganze hier das richtige f?r mich ist, ist nicht gegen das Programm gerichtet !

Unseren JS Shop konnte ich ja noch entsprechend anpassen (Newsscroller, Newsletter), wenn auch mit einen WYSIWYG Editor :i:

Aber hier sehe ich nur die Platzhalter und damit kann ich ?berhaupt nichts anfangen. Da bringt mich das hier doch en St?ckschen weidder.

Danke

Gru? Marc

Link to comment
Share on other sites

  • 3 weeks later...

Super Beschreibung der stylesheet.css - hat auch mir schon viel genutzt!

Doch nu bin ich schon wieder verzweifelt am suchen... :blink: und hoffe auf eure Hilfe:

Nach get?tigter Bestellung erscheint ja die Best?tigung, mit den Angaben wohin und wieviel der Kunde zahlen soll. Und ich suche genau DIE STelle, a der die Schriftgr??e daf?r definiert wird! Nur in dieser Best?tigung erscheint die Schrift unnat?rlich gro? - mu? etwa 16 0der 18 px sein - aber ich finds einfach nicht :cry:

Ach ja...ich nutze das N-Joy Template...

Greetz Diggi :i:

Link to comment
Share on other sites

Originally posted by luebke@Jan 31 2005, 20:41 PM

....(DW geht nat?rlich auch, hat aber wohl immer mal Quelltext versaut, wie schon hin und wieder zu lesen war; smarty-tags solltest Du Dir beim DW mit passendem Plug-In auch anzeigen lassen k?nnen).....

Hallo Thomas,

wo finde ich diesen Plugin f?r DW?

damit er mir diese Platzhalter gegen boxen tauscht... geht es?

oder was hast du mit der Aussage gemeint?

danke und gru?

Steffen

Link to comment
Share on other sites

@techway

...das zauberwort hei?t "ThirdPartyTags". habe ich mal nach gesucht, ist aber

leider bei dem letzten servercrash verschwunden. wei? im moment auch nicht

wo man es runter laden kann. wenn du mir eine mailadresse gibst schicke

ich dir den ordner zu.

@Diggi

Nach get?tigter Bestellung erscheint ja die Best?tigung, mit den Angaben wohin und wieviel der Kunde zahlen soll. Und ich suche genau DIE STelle, a der die Schriftgr??e daf?r definiert wird! Nur in dieser Best?tigung erscheint die Schrift unnat?rlich gro? - mu? etwa 16 0der 18 px sein - aber ich finds einfach nicht

ausgabeseite mal den quelltext anschauen, da sollte das .css definiert sein...

gru?

campanero

Link to comment
Share on other sites

  • 1 month later...

Originally posted by campanero@Feb 3 2005, 14:02 PM

hier mal eine kleien anleitung, denn posten macht so viel spa? :)

Anpassung des xtCommerce-Designs

1. Aufbau des Shops: /templates/TEMPLATENAME/index.html

Smartys (beliebig positionierbar)

- Hauptnavigation

{$navtrail}: ?Verlauf?

{#link_logoff#}: Ausloggen

{#link_account#}: Ihr Konto

{#link_cart#}: Warenkorb

{#link_checkout#}: Kasse

- Boxen

{$box_CATEGORIES}: Kategorien

{$box_ADD_QUICKIE}: Schnellkauf

{$box_CONTENT}: Mehr ?ber...

{$box_INFORMATION}

{$box_REVIEWS}: Bewertungen

{$box_SEARCH}: Suche

{$box_SPECIALS}

{$box_WHATSNEW}: Neue Produkte

{$box_CART}: Warenkorb

{$box_LOGIN}: Login

{$box_ADMIN}: Admin-Feld (nach Login)

{$box_BESTSELLERS}

{$box_CURRENCIES}

{$box_LANGUAGES}: Sprachen

{$box_MANUFACTURERS_INFO}

{$box_MANUFACTURERS}: Hersteller

{$box_NOTIFICATIONS}: Benachrichtigungen

{$box_TELL_FRIEND}: Weiterempfehlen

2. Design (Schriftarten & -farben definieren, etc.): /templates/TEMPLATENAME/stylesheet.css

.boxText: Boxen-Text

BODY: Hintergrund

- background: Hintergrundfarbe

- color: Textfarbe

- margin: Rahmendicke

A: Links

A:hover: Links bei Mouse-Over

A.headerNavigation: ?Haupt?-Men?

A.headerNavigation:hover: ?Haupt?-Men? bei Mouse-Over

TD.infoBoxHeading: ?berschriften links

TD.infoBoxHeading_right: ?berschriften rechts

TD.infoBox, SPAN.infoBox: Design Men? links

- border-right: Breite des Randes

- background: Men?farbe

- border-color: Randfarbe

TD.infoBox_right, SPAN.infoBox_right: Design Men? rechts

- background: Men?farbe

TD.main, P.main: ?Haupt?-Schriftart

SPAN.productDiscountPrice: Preis-Anzeige

.moduleRow: Kategorien-Box-Inhalt

- line-height: Zeilenabstand

.moduleRowOver: Kategorien-Box-Inhalt bei Mouse-Over

3. Boxen einzelnd ver?ndern: /templates/TEMPLATENAME/boxes/

{#heading_BOXNAME#}: Box-?berschrift

{$BOX_CONTENT}: Box-Inhalt

4. Templates ver?ndern: /templates/TEMPLATENAME/module/

Unterkategorien: .../categorie_listing/

Produktinformationen: .../product_info/

Produkte: .../product_listing/

5. Texte ?ndern: /lang/german/lang_german.conf

6. Boxen erstellen

- box_BOXNAME.html (/templates/TEMPLATENAME/boxes/) erstellen

- BOXNAME.php (/templates/TEMPLATENAME/source/boxes/) erstellen

- in boxes.php (/templates/TEMPPLATENAME/source/)

require(DIR_WS_BOXES . 'BOXNAME.php')

einf?gen

- {$box_BOXNAME} in index.html (/templates/TEMPLATENAME/) an der gew?nschten Stelle einf?gen

- ?ber ?phpMyAdmin? (o.?.) den BOXNAMEN und die ID in cm_file_flags in der Datenbank eintragen

vielleicht hilt?s dir ja

gru?

campanero

Hallo,

TOP das Du Dir die M?he gemacht hast das alles aufzulisten.

Ich habe ein kleines Problem.

Ich passe gerade einen Shop f?r ein paar Freunde an.

Leider bin ich mit der ganzen XT Materie noch nicht so vertraut.

Arbeite erst 2 Tage dran.

Was mir fehlt (und ich flipe gleich aus)

Wo bitte finde ich die relevanten "boxen" um

1. in box login, den festen Text "e-mail Adresse", bla bla

zu ?ndern bzw. die class zu vergebn?

2. in der center box bei der jeweiligen Kategorie ?bersicht

die class f?r die links zu ?ndern?

Man kann momentan nichts erkennen, da diese Punkte die gleiche class

haben wie links oder texte in anderen boxen, deren bg der Schriftfarbe

gleicht.

Kannst Du mir da behilflich sein?

Danke

Hier zur Seite

Marc :grml:

Link to comment
Share on other sites

Leider bin ich mit der ganzen XT Materie noch nicht so vertraut.

Arbeite erst 2 Tage dran.

Was mir fehlt (und ich flipe gleich aus)

Wo bitte finde ich die relevanten "boxen" um

Ruhig Blut..

bevor Du ausflippst gehe ne runde ums Haus unterhalte Dich mit Deiner Frau /Freund /Freundin/ Mann, schalte den Computer ab.

2 Tage sind l?cherlich wenig um durch ein solch komplexes Sytem wie die Smarty Template Engine durchzusteigen, und ?ber besonders viel Erfahrungen scheinst Du auch nicht zu verf?gen.

Zu 1.

Du findest in der Datei box_login.html den Bereich {$TEXT_EMAIL} ..

diese Variable kommt aus der lang_german.conf im Verzeichnis lang.

Zu 2.

Was meinst Du damit?

Besorge Dir eine Programm welches in der Lage ist in Dateien zu suchen.

http://www.weaverslave.de ist ein Editor der solche Sachen kann.

Suche die markante Quelltextst?cke aus der Datei die du editieren willst und suche nach diesen Quelltexten.

Dann kannst Du vorsichtig rausfinden welche ?nderungen Du durchgef?hrt hast.

lege Dir vorab ne Sicherung der Dateien an. Dann f?llt das r?cksetzen leichter.

TomIRL

Link to comment
Share on other sites

Originally posted by YesIT@Mar 26 2005, 11:31 AM

Ruhig Blut..

bevor Du ausflippst gehe ne runde ums Haus unterhalte Dich mit Deiner Frau /Freund /Freundin/ Mann, schalte den Computer ab.

2 Tage sind l?cherlich wenig um durch ein solch komplexes Sytem wie die Smarty Template Engine durchzusteigen, und ?ber besonders viel Erfahrungen scheinst Du auch nicht zu verf?gen.

Zu 1.

Du findest in der Datei box_login.html den Bereich {$TEXT_EMAIL} ..

diese Variable kommt aus der lang_german.conf im Verzeichnis lang.

Zu 2.

Was meinst Du damit?

Besorge Dir eine Programm welches in der Lage ist in Dateien zu suchen.

http://www.weaverslave.de ist ein Editor der solche Sachen kann.

Suche die markante Quelltextst?cke aus der Datei die du editieren willst und suche nach diesen Quelltexten.

Dann kannst Du vorsichtig rausfinden welche ?nderungen Du durchgef?hrt hast.

lege Dir vorab ne Sicherung der Dateien an. Dann f?llt das r?cksetzen leichter.

TomIRL

:abgelehnt: Leider nicht m?glich,

aber Danke dass Du Dich um mein Wohlbefinden sorgst.... :)

Zu 1: Habe ich gerade hingekriegt.

template/source/boxes/loginbox.php

dort war die class die ich gesucht habe.

Danke g?t den Tip mit dem tool - werde es gleich ausprobieren.

Zu 2:

Schau doch mal

Hier

wenn Du eine Kategorie w?hlst, dann erscheint die Produkt?bersicht.

Leider sind dort die links zu dem Produkt nicht lesbar, weil selbe Klasse wie

box Kategorie (h?chstwarscheinlich).

Jetzt m?chte ich das ?nder, damit die Links eine neue class bekommen.

Danke nochmal f?r die schnelle Antwort !!!

Marcus

Link to comment
Share on other sites

Nix classe...

Du solltest ne Klasse definieren.. normalerweise in der product_listingV_irgendwas in dem Verzeichniss Module.

Deine Links haben die gleiche Klassse wie die Menuelinks auf der Linken seite also wei?..

Deshalbs ind die erst beim ?berfahren zu sehen.

TomIRL

Link to comment
Share on other sites

Ich glaube es handelt sich hier um ein missverst?ndniss....

Das ist mir schon alles bewu?t ....

Diese Links solle aber einfach andere Farben bekommen, damit sie lesbar sind !!

Soweit ich rausgefunden habe liegt sie Zuweisung f?r diese Farben unter

xtc_show_category.inc.php

$categories_string .= '<table style="border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #ffffff;" width="100%" cellspacing="0" cellpadding="0"><tr class="moduleRow" onmouseover="rowOverEffect(this)" onmouseout="rowOutEffect(this)"><td class="boxtextweiss"><a href="';

Marcus

Link to comment
Share on other sites

Nein, es handelt sich nicht um ein Mi?verst?ndnis.

Die von dir rausgefundene Datei ist verantwortlich f?r das Kategorielisting quasi Inhaltsverzeichnis.

Schaue in die gottverdammt product_listing_v1.html rein...

dort findest Du folgenden Abbschnitt:

<td align="left" class="main">{$module_data.PRODUCTS_NAME}</td>

und dort verpasst Du dem link eine Klasse.

Und allet wird jut.

TomIRL

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...