Sehr geehrte Kunden,
im Beitrag Ihr-Blog-im-HTML-Include hatten wir bereits die shopinterne kleine Blog-Funktion erweitert. Ursprünglich war der Blog ja als SEO-Tool gedacht um auf der Startseite Aktualität zu suggerieren und die mit kurzen Blog-Texten in einem Highslide Fenster auch schnell erfassen zu können.
Immer öfter forderten uns unsere Shopbetreiber auf, die Blogfunktion "erwachsen" zu machen. Ab sofort ist es nun also möglich auch das Blog-Archiv und alle einzelnen Blogbeiträge als eigene Seiten mit dem gewohntem Shopgerüst aufzuzeigen.
Es ist notwendig, sich für eine Varainte zu entscheiden, weil sonst die Highslides auf der Startseite ebenfalls das Shopgerüst enthalten. Aber wenn es einen gut sichtbaren Link im Menü oder Footer zum Blog gibt, sollte der alte Highslide Blog auf der Startseite überflüssig werden.
Hier ein Beispiel: t2.responsive-shop.com/Blog.html oder powergap.de/Blog.html.
1.: Zuerst über Sonstiges > Grundeinstellungen > Abschnitt 9 > Feld Blogbeiträge im Highslide auf ..nein,als eigene Seite.. umstellen.
Schritt 2, CSS:
Bitte diesen Code über Layout > Schriften/CSS > Root unten anfügen:
(alte Klassen, die im Namen irgendwas mit "blog" beinhalten, sollten zuvor entfernt werden)
.htm_100 {width:100%;}
.blog {float:left;}
.blog_archiv_news_txt {font-size: 10px;}
ul.blog_archiv_news_ul a {text-decoration:none!important;}
li.blog_archiv_news_li {margin-bottom:5px;}
.blog_archiv_news_dat {font-weight:bold;}
li.blog_archiv_news_li a {margin-bottom:15px;font-weight:normal;}
.blog_archiv_news_dat:after {content: ":";}
.blog_archiv_anzahl {color:#444;font-size: 11px;font-weight:bold!important;}
.blog_text {margin:10px 0;text-align:justify;}
#html-blog {width: 850px;float: left;margin-right: 15px;}
#html-blog h1 {color:#444;font-size: 20px;margin: 0 0 15px 0;}
#html-blog h2 {color:#444;font-size: 18px;}
.blog_archiv h2 {color:#444;font-size: 18px;}
#html-blog .blog_archiv {width:200px;float:left;display:block;}
#html-blog .ui-widget-content {border:0;}
Falls über das o.g. Update (Ihr-Blog-im-HTML-Include) noch nicht gemacht, muss ein HTML-Include angelegt werden. Als Titel bitte "Blog#notitle" verwenden. Über Sonstiges > HTML-Includes eine freie Nummer raussuchen und dort einen Code wie diesen verwenden:
Das "##10##400##" sind Parameter. die 10 Bedeutet, dass auf der Startseite des Blogs die letzten 10 Blog-News angezeigt werden sollen. Die 400 sind die Anzahl Zeichen die in der Vorschau angezeigt werden sollen. Wer das nicht möchte kann ein "##10##nein##" verwenden, um nur die Blog-Titel als Liste anzuzeigen.
Über das weiße N-Symbol in der Icon-Leiste > Blog-Einstellungen gehört folgender Code in die 2 großen Textfelder:
Blog-HTML:
Zum Schluss muss noch die DHE Generierung gestartet werden. Dazu bitte einfach Sonstiges > Server > DHE > HTML-Links generieren anstoßen. Damit sollte der Blog über www.IhreDomain.de/Blog.html erreichbar sein falls schon Inhalte über weißes N-Symbol > Blog/News erfasst worden sind.
Ein Link zum Blog kann an verschiedenen Stellen im Shop eingebungen werden. Über Layout > Menüs ist dies möglich, falls es hier bereits ein Menü für die Navigation im Header gibt. Alternativ bietet sich der Footer an. Sprechen Sie uns bitte an, wenn Sie hierzu Hilfestellung benötigen.
Wie immer, bieten wir gegen Aufwand die komplette Einstellung dieses Updates an.
im Beitrag Ihr-Blog-im-HTML-Include hatten wir bereits die shopinterne kleine Blog-Funktion erweitert. Ursprünglich war der Blog ja als SEO-Tool gedacht um auf der Startseite Aktualität zu suggerieren und die mit kurzen Blog-Texten in einem Highslide Fenster auch schnell erfassen zu können.
Immer öfter forderten uns unsere Shopbetreiber auf, die Blogfunktion "erwachsen" zu machen. Ab sofort ist es nun also möglich auch das Blog-Archiv und alle einzelnen Blogbeiträge als eigene Seiten mit dem gewohntem Shopgerüst aufzuzeigen.
Es ist notwendig, sich für eine Varainte zu entscheiden, weil sonst die Highslides auf der Startseite ebenfalls das Shopgerüst enthalten. Aber wenn es einen gut sichtbaren Link im Menü oder Footer zum Blog gibt, sollte der alte Highslide Blog auf der Startseite überflüssig werden.
Hier ein Beispiel: t2.responsive-shop.com/Blog.html oder powergap.de/Blog.html.
Die Einrichtung
..beschreiben wir in diesem Beitrag so, als wenn Sie noch keinen Blog in Ihrem Shop gepflegt haben und die Einrichtung von neu beginnen. Alle die schon das ursprüngliche Blog-Feature einsetzen müssen einfach zuvor z.B. die alten CSS-Klassen entfernen. Das Beispiel CSS ist natürlich leicht auf das eigene CI anpassbar.1.: Zuerst über Sonstiges > Grundeinstellungen > Abschnitt 9 > Feld Blogbeiträge im Highslide auf ..nein,als eigene Seite.. umstellen.
Schritt 2, CSS:
Bitte diesen Code über Layout > Schriften/CSS > Root unten anfügen:
(alte Klassen, die im Namen irgendwas mit "blog" beinhalten, sollten zuvor entfernt werden)
.htm_100 {width:100%;}
.blog {float:left;}
.blog_archiv_news_txt {font-size: 10px;}
ul.blog_archiv_news_ul a {text-decoration:none!important;}
li.blog_archiv_news_li {margin-bottom:5px;}
.blog_archiv_news_dat {font-weight:bold;}
li.blog_archiv_news_li a {margin-bottom:15px;font-weight:normal;}
.blog_archiv_news_dat:after {content: ":";}
.blog_archiv_anzahl {color:#444;font-size: 11px;font-weight:bold!important;}
.blog_text {margin:10px 0;text-align:justify;}
#html-blog {width: 850px;float: left;margin-right: 15px;}
#html-blog h1 {color:#444;font-size: 20px;margin: 0 0 15px 0;}
#html-blog h2 {color:#444;font-size: 18px;}
.blog_archiv h2 {color:#444;font-size: 18px;}
#html-blog .blog_archiv {width:200px;float:left;display:block;}
#html-blog .ui-widget-content {border:0;}
Falls über das o.g. Update (Ihr-Blog-im-HTML-Include) noch nicht gemacht, muss ein HTML-Include angelegt werden. Als Titel bitte "Blog#notitle" verwenden. Über Sonstiges > HTML-Includes eine freie Nummer raussuchen und dort einen Code wie diesen verwenden:
#keine_shopfenster_links
<div class=htm_100>
<div id="html-blog">
<h1>BLOG</h1>
<div class="blog" id="blog1">##blog##<a blog_title href="#blog_url" title="#blog_title"><h2>#blog_dat: #blog_title</h2></a><div class=blog_text>#blog_text</div>##10##400##</div>
</div>
<div class=blog_archiv><h2>Archiv</h2>#blog_archiv</div>
</div>
<div class=htm_100>
<div id="html-blog">
<h1>BLOG</h1>
<div class="blog" id="blog1">##blog##<a blog_title href="#blog_url" title="#blog_title"><h2>#blog_dat: #blog_title</h2></a><div class=blog_text>#blog_text</div>##10##400##</div>
</div>
<div class=blog_archiv><h2>Archiv</h2>#blog_archiv</div>
</div>
Das "##10##400##" sind Parameter. die 10 Bedeutet, dass auf der Startseite des Blogs die letzten 10 Blog-News angezeigt werden sollen. Die 400 sind die Anzahl Zeichen die in der Vorschau angezeigt werden sollen. Wer das nicht möchte kann ein "##10##nein##" verwenden, um nur die Blog-Titel als Liste anzuzeigen.
Über das weiße N-Symbol in der Icon-Leiste > Blog-Einstellungen gehört folgender Code in die 2 großen Textfelder:
Blog-HTML:
<table border=0 width="100%"><tr><td><h1>#blog_dat : #blog_title</h1><h2>#blog_title</h2><p>#blog_text</p></td><td width=10> </td><td valign=top width=150>
Archiv:#blog_archiv
<div><a href="xxx.html">» zurück zur Übersicht</a></div></td></tr></table>
Blog-Archiv-HTML:Archiv:#blog_archiv
<div><a href="xxx.html">» zurück zur Übersicht</a></div></td></tr></table>
#blog_htlm_include#11#
<table border=0 width="100%"><tr><td><h1>Blog-Archiv für #blog_m/#blog_y</h1><h2 style="font-size:12px;padding:10px;">Hier finden Sie alle Test-Blog-Einträge aus dem Monat #blog_m/#blog_y</h2>
#blog_archiv_news
</td><td width=10> </td><td valign=top width=150>
Archiv:#blog_archiv
<div><a href="xxx.html">» zurück zur Übersicht</a></div></td></tr></table>
<table border=0 width="100%"><tr><td><h1>Blog-Archiv für #blog_m/#blog_y</h1><h2 style="font-size:12px;padding:10px;">Hier finden Sie alle Test-Blog-Einträge aus dem Monat #blog_m/#blog_y</h2>
#blog_archiv_news
</td><td width=10> </td><td valign=top width=150>
Archiv:#blog_archiv
<div><a href="xxx.html">» zurück zur Übersicht</a></div></td></tr></table>
Zum Schluss muss noch die DHE Generierung gestartet werden. Dazu bitte einfach Sonstiges > Server > DHE > HTML-Links generieren anstoßen. Damit sollte der Blog über www.IhreDomain.de/Blog.html erreichbar sein falls schon Inhalte über weißes N-Symbol > Blog/News erfasst worden sind.
Ein Link zum Blog kann an verschiedenen Stellen im Shop eingebungen werden. Über Layout > Menüs ist dies möglich, falls es hier bereits ein Menü für die Navigation im Header gibt. Alternativ bietet sich der Footer an. Sprechen Sie uns bitte an, wenn Sie hierzu Hilfestellung benötigen.
Wie immer, bieten wir gegen Aufwand die komplette Einstellung dieses Updates an.