Produkte weiterzuempfehlen ist immer ein netter Bonuspunkt im Ecommerce Sektor. Schnell kann man Freunden und bekannten Angebote oder Toppreise per Mail mitteilen.

Leider gabe/gibt es hier ein kleines Problem. Die Funktion ist nicht ganz unumstritten. Ist die Funktion so gelöst, dass die Mailfunktion via Server läuft, Mails versendet, kann es hier zu Abmahnungen kommen.

Ein möglicher Weg ist die Funktion so zu lösen, dass sich das eigene Mailprogramm öffnet und man die Mail selbstständig auslöst. So ist die Haftung nicht mehr beim Shopbetreiber und man kann ruhigen gewissen seine Produkte weiterempfehlen lassen.

Wie gehen wir nun vor:
Wir brauchen ein mailto: Code, der Subject und den Body bereits füllt. Des weiteren benötigen wir den Artikelnamen und ganz wichtig den Produktlink.

xt:Commerce How-To
Öffnen Sie die Datei includes/modules/products_info.php

Suchen Sie nach:

1

$info_smarty->assign('PRODUCTS_EAN', $product->data['products_ean']);

Fügen Sie das danach ein

1

$info_smarty->assign('PRODUCTS_LINK',xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($product->data['products_id'],$product->data['products_name'])));

Öffnen Sie nun Ihre Template Datei module/product_info_v1.html und fügen Sie folgenden Code an eine beliebige Stelle ein.

1

<a href="mailto:?subject=Produkt: {$PRODUCTS_NAME}&body=Hi, %0Adas folgende Produkt habe ich im {php}echo TITLE;{/php} Shop gefunden%0A%0A{$PRODUCTS_LINK}%0A%0Aund das k&ouml;nnte Dich vielleicht auch interessieren.%0A">Produkt weiterempfehlen</a>

Zur Erklärung des mailto: Tags

1. mailto: ( Startet das Standard-Mailprogramm )
2. ?subject= ( Die Betreffzeile der Email )
3. &body= ( Der Mailinhalt )
4. %0A ( Ist ein Zeilenumbruch )

Optimierung & Anpassung
Die Texte im mailto Tag können natürlich frei gewählt werden und sogar in xt:Commerce sprachgesteuert werden. Dazu nutzt man einfach die Funktion {#ihr_text#} und fügt die Platzhalter in die entsprechende lang Datei ein.

Mehr Daten übermitteln wie Preis oder ArtNr.?
Die möglichen SMARTY Tags in xt:Commerce, können beliebig hinzugefügt werden. Ein Beispiel

1. Den Preis übermitteln: {$PRODUCTS_PRICE}
2. Die Artikelnummer: {$PRODUCTS_MODEL}

Schlusshinweis
Ich möchte darauf hinweisen, das man von HTML Tags innerhalb des Body Mailto Tags verzichten sollte. Es gibt viele Menschen, welche nur Rein-Text Mails akzeptieren und dann würde der Body-Inhalt schlichtweg voller Codefragmente sein und es ist fast unmöglich den Link noch sauber zu erkennen wenn man sich mit Materie nicht auskennt.

Und nun viel Spaß damit

Related posts

• In xt:Commerce den Banner-Manager in der main_content.html als Angebot-Manager nutzen (0)
• Sie möchten einen Shop? Mein Onlineshop-Ratgeber 2009/2010 (6)
• In xt:Commerce statt der Artikelnummer den Namen in der Breadcrumb Navigation (0)
• In REDAXO ein Bild/Image Modul schreiben HOW-TO (0)
• Wilhelm Vieth GmbH (0)

Ein weiteres Projekt von Alker+Jung nimmt in den nächsten Tagen seine Formen an. Design, Konzept und persönliche Beratung wurden komplett von uns übernommen. Der zu realisierende Shop wird unter Wahrung vieler Details mit xt:Commerce realisiert.

Related posts

• Sie möchten einen Shop? Mein Onlineshop-Ratgeber 2009/2010 (6)
• Vieles NEU und Vieles viel viel einfacher (0)
• Shoprealisierung für Kochmesser.tv (0)
• Kärcher-Schmitz (0)
• ESTUGO.net – Webhosting (0)

Es ist erstaunlich wie viele Seiten im Netz über Tipps und Tricks schreiben, wie Sie an bessere Verkaufszahlen kommen und welche Marketing-Strategien die besten Ergebnisse zeigen.

Leider berichten viel zu wenige über einen ordentlichen Start in der Ecommerce Welt.

Was bringt es mir, wenn ich weiss welche Marketing Ebenen von einem Erfolg gekrönt sein sollen und was ich mit welchen Einstellungen wie wann wo erreichen könnte.

Beginnt das Ecommerce Vorhaben nicht erst mit der Überlegung, was man verkaufen möchte und vorallem womit. Gerade bei den ersten Entscheidungen kommt es auf einen klaren Kopf an. Sicherlich kann man das größte, tollste, modulvollgeprompfte System nehmen was man findet und sich damit brüsten, was der Shop alles können wird WENN es denn mal läuft.

Ich will nicht auf die Shopsoftware ansich eingehen. Ich warne nur davor auf Systeme zu setzten die nach aussen hin glänzen und innen ein einziges Chaos sind. Viele Shophersteller stellen einen Demoshop bereit und die damit verbunden Features.

Nun gut. Was sind denn die ersten Entscheidungen?

1. Welche Software kann/sollte ich einsetzen?
2. Womit/Mit wem beliefere ich die Kunden?
3. Was muss ich an Gewinnspanne einplanen um Fixkosten zu decken?
4. Bei welchen Hoster betreibe ich den Onlineshop?
5. Welche Zahlungsarten verlangen den viele Kunden für MEINE Branche?
6. Lohnen sich große Ausgaben in der Shopentwicklung?
7. Habe ich überhaupt eine Chance mit zu etablieren? Mitbewerber?
8. Wie erreiche ich zum Start Kunden?
9. Wo mache ich am besten Werbung, bzw. wem kann ich vertrauen?
10. Welche Länder darf/möchte ich beliefern?
11. Habe ich alle Kosten mehr als nur einmal durchgerechnet?
12. Was mache ich wenn es nicht richtig losgeht?
13. Wie überbrücke ich ein Sommerloch für mein Gewerk?
14. Wer unterstützt mich bei rechtlichen Angelegenheiten?
15. Wo bekomme ich Produktbilder und Beschreibungen her die ich auch verwenden darf?
16. und und und

Sie sehen wieder einmal. Es ist nicht mal eben bis 3 gezählt und alle Fragen sind perfekt und gewinnbringend beantwortet. Machen Sie sich lieber 3x mehr Gedanken über Ihre Idee und starten dann sicherer als einfach drauf los zu legen.

Related posts

• Sie möchten einen Shop? Mein Onlineshop-Ratgeber 2009/2010 (6)
• Die umstrittene Tell a friend Funktion einfacher nutzen. xtCommerce How-To (0)
• Wilhelm Vieth GmbH (0)
• Was sollte der Kunde in einem Onlineshop sofort mitgeteilt bekommen? Ratgeber (0)
• Sprachgesteuert Teaser/Hinweisbilder in xt:Commerce 3.04 SP2.1 oder Forks (0)

Wer die Bestsellerbox im Standard von xt:Commerce nutzt, der wird einen Link zum Artikel, den Preis und den Namen des Artikels sehen.

Um das Ganze noch ein wenig zu verbessern kann man ganz leicht das Produktbild auch in der Bestsellerbox anzeigen.

Der CODE mit Link und fester Breite

1

<a href="{$box_data.PRODUCTS_LINK}"><img src="{$box_data.PRODUCTS_IMAGE}" width="40" alt="" title="" /></a>

Wo das Bild platziert werden soll und wie groß man es darstellt, bleibt natürlich jedem selbst überlassen. In dem Bsp. wird das Bild auf 40px Breite reduziert. Man kann dieses auch Mittels CSS machen. Aber hier das height:auto nicht vergessen, sonst sieht es im Internet Explorer etwas komisch aus.

Related posts

• Sie möchten einen Shop? Mein Onlineshop-Ratgeber 2009/2010 (6)
• Roter Hinweis bei nicht verfügbarer Menge im Warenkorb von xt:Commerce 3.04 oder Fork (0)
• Padding & Margin Fix der Thickbox entfernen (0)
• Internet Explorer 6 – Fortan nur noch auf Anfrage (1)
• Immer Dienstags läuft Akte 2010 (0)

Leider gibt es noch viele Provider welche nicht standardmässig auf PHP5 umgestellt haben. PHP4 stellt ein Sicherheitsrisiko dar und sollte dringlichst auf 5 umgestellt werden.

Bei dem Provider 1und1 kann man sich mittels der .htaccess Datei welche im Root

Dieses an den Anfang der .htaccess Datei kopieren und speichern

AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

Sollte es zu einem 500er Error kommen, wenn die Seite neu geladen wird, ist der Support entsprechend zu kontaktieren,

Related posts

• Wilhelm Vieth GmbH (0)
• Wie zentriere ich am besten einen DIV Container in CSS? How-To (0)
• Unangenehmer Rechtschreibfehler im xt:Commerce Shop bei erfolgreicher Bestellung. (0)
• SSL und httpd Optionen im Confixx aktivieren (0)
• Shopentwicklung für freizeitundoutdoor.de (0)

Heute Morgen habe ich durch den RSS Feed erfahren, dass die kürzlich online gestellte Version Redaxo 4.3 durch ein kleines Update auf die Version Redaxo 4.3.1 abgelöst worden ist.

Die Entwickler geben an, dass kleine Fehler in der Version 4.3 enthalten sind und das Update diese beseitigt.
Ich bin nach wie vor vom System überzeugt und kann es als Content Management nur empfehlen.

Related posts

• Vieles NEU und Vieles viel viel einfacher (0)
• Ruth von der Heiden – Exclusiv Search (0)
• Nun doch wieder Redaxo? (0)
• Neue ESTUGO.net Webseite mit neuem Design fertiggestellt und online (0)
• In REDAXO ein Bild/Image Modul schreiben HOW-TO (0)

Ich möchte mit diesem Beispiel zeigen, dass man mit wenigen Zeilen Code bereits einiges erstellen kann. Früher was es so, dass man 2 Spalten mittels Tabellen nebeneinander gebracht hat. Das ist aber nicht Sinn des Webdesigns. Tabellen sollten da bleiben, wo Sie hingehören und zwar zur Gestaltung von Tabellen.

Das Tutorial gibt es unter READ MORE

Als erstes brauchen wir den CSS Code, der die entsprechenden DIV anspricht.

Der CSS Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

body 
{
	background: #eee;		/* Hintergrund Hellgrau */
}
 
#wrapper 
{ 
	margin: 	0 auto; 	/* Seite zentrieren */ 
	width: 		900px;  	/* Die Breite der Seite */
	background: #fff; 		/* Hintergrundfarbe Weiss */
	border: 1px solid #ccc; /* Rahmen um den Hauptcontainer */
	padding: 20px; 			/* 20px Abstand nach Innen */
}
 
#contentLeft 
{
	width: 		200px;  	/* Breite der linken Seite */
	float: 		left;   	/* Div Container fliesst Links */
	background: red;		/* Hintergrund Rot */
}
 
#contentRight 
{
	width: 		600px;  	/* Breite der linken Seite */
	float: 		right;   	/* Div Container fliesst Rechts */
	background: blue;		/* Hintergrund Blau */
}
 
.clear 
{
	clear: both; 			/* Das Fliessen der Div Container aufheben */
}

Als zweites brauchen wir den HTML Code ( Achtung das hier ist nur der Inhalt des body Tags )

Der HTML Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<div id="wrapper">
 
	<div id="contentLeft">
		<ul>
			<li>Menu 1</li>
			<li>Menu 2</li>
			<li>Menu 3</li>
			<li>Menu 4</li>
			<li>Menu 5</li>
		</ul>
	</div>
 
	<!-- ContentLeft END -->
 
	<div id="contentRight"> 
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
		Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam 
		ultrices, nisi quis scelerisque convallis, augue neque 
		tempor enim, et mattis justo nibh eu elit. Quisque ultrices 
		gravida pede. Mauris accumsan vulputate tellus. Phasellus 
		condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. 
		Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. 
		Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum 
		imperdiet. Curabitur neque mauris, porta vel, lacinia quis, 
		placerat ultrices, orci.</p>
 
		<p>Pellentesque habitant morbi tristique senectus et netus et 
		malesuada fames ac turpis egestas. In lectus nisl, porttitor 
		eget, fermentum et, viverra a, odio. Sed semper. Praesent 
		vulputate nibh eget nisi. Sed ligula. Aenean vehicula posuere 
		neque. Nam nibh lectus, laoreet non, convallis sed, vulputate 
		consectetuer, enim. Pellentesque arcu. Vestibulum consequat nisi 
		a ipsum vulputate vehicula. Aliquam lacus diam, ultricies vel, 
		interdum eget, posuere non, tellus. Donec vel ligula. Sed felis.</p>
	</div>
 
	<!-- ContentRight END -->
 
	<div class="clear"></div>
 
	<!-- Stop float END -->
 
</div>

So sieht die Datei komplett aus.

Kompletter HTML Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
			<title>Testseite</title>
			<style type="text/css">
 
			body 
			{
				background: #eee;		/* Hintergrund Hellgrau */
			}
 
			#wrapper 
			{ 
				margin: 	0 auto; 	/* Seite zentrieren */ 
				width: 		900px;  	/* Die Breite der Seite */
				background: #fff; 		/* Hintergrundfarbe Weiss */
				border: 1px solid #ccc; /* Rahmen um den Hauptcontainer */
				padding: 20px; 			/* 20px Abstand nach Innen */
			}
 
			#contentLeft 
			{
				width: 		200px;  	/* Breite der linken Seite */
				float: 		left;   	/* Div Container fliesst Links */
				background: red;		/* Hintergrund Rot */
			}
 
			#contentRight 
			{
				width: 		600px;  	/* Breite der linken Seite */
				float: 		right;   	/* Div Container fliesst Rechts */
				background: blue;		/* Hintergrund Blau */
			}
 
			.clear 
			{
				clear: both; 			/* Das Fliessen der Div Container aufheben */
			}
 
			</style>
	</head>
 
	<body>
		<div id="wrapper">
 
			<div id="contentLeft">
				<ul>
					<li>Menu 1</li>
					<li>Menu 2</li>
					<li>Menu 3</li>
					<li>Menu 4</li>
					<li>Menu 5</li>
				</ul>
			</div>
 
			<!-- ContentLeft END -->
 
			<div id="contentRight"> 
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
				Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam 
				ultrices, nisi quis scelerisque convallis, augue neque 
				tempor enim, et mattis justo nibh eu elit. Quisque ultrices 
				gravida pede. Mauris accumsan vulputate tellus. Phasellus 
				condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. 
				Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. 
				Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum 
				imperdiet. Curabitur neque mauris, porta vel, lacinia quis, 
				placerat ultrices, orci.</p>
 
				<p>Pellentesque habitant morbi tristique senectus et netus et 
				malesuada fames ac turpis egestas. In lectus nisl, porttitor 
				eget, fermentum et, viverra a, odio. Sed semper. Praesent 
				vulputate nibh eget nisi. Sed ligula. Aenean vehicula posuere 
				neque. Nam nibh lectus, laoreet non, convallis sed, vulputate 
				consectetuer, enim. Pellentesque arcu. Vestibulum consequat nisi 
				a ipsum vulputate vehicula. Aliquam lacus diam, ultricies vel, 
				interdum eget, posuere non, tellus. Donec vel ligula. Sed felis.</p>
			</div>
 
			<!-- ContentRight END -->
 
			<div class="clear"></div>
 
			<!-- Stop float END -->
 
		</div>
	</body>
</html>

So sieht das ganze dann in der Vorschau aus. Es versteht sich von selbst, dass die blaue und rote Frabe hier nur zu Darstellung der Div Container dienen soll.

Viel Spaß beim ausprobieren und nachbauen!

Related posts

• Wilhelm Vieth GmbH (0)
• Shopentwicklung für freizeitundoutdoor.de (0)
• FDP-Fraktion Berlin ( Straßenausbaubeitragsgesetz ) (0)
• Wie zentriere ich am besten einen DIV Container in CSS? How-To (0)
• Internet Explorer 6 – Fortan nur noch auf Anfrage (1)