Sehr geehrte Kunden,
als Auftrag eines Onlinehändlers haben wir die shopinterne Blog-Funktion so erweitert, dass diese sich nun auch in groß als HTML Include anzeigen lässt.
Ein » Beispiel « wie es aussehen könnte.
Über Sonstiges > Grundeinstellungen >>> Punkt 9 > Blogbeiträge im Highslide: nein, als eigene Seite auswählen.
Über Sonstiges > ein neues HTML-Includes z.B. mit dem Namen Blog anlegen und folgenden Code einsetzen:
(Tipp: ergänzen Sie in der Überschrift #notitle. Damit wird die automatische Überschrift des HTML-Includes ausgeblendet.)
#keine_shopfenster_links wird nur verwendet, wenn Ihr Shop eine linke Navigation (Shopfenster) besitzt und Sie diese im Blog ausschalten möchten.
Über Layout > Schriften / CSS > ALL (ROOT) folgende Formatierung einfügen und alle vorhandenen Blog Formatierungen entfernen:
..und ggf. auf die eigenen Bedürfnisse (Layout/CI) anpassen.
Folgenden Code über das weiße N-Icon in der Shopverwaltung > Blog-Einstellungen >>> Blog-HTML einfügen:
Folgenden Code über das weiße N-Icon in der Shopverwaltung > Blog-Einstellungen >>> Blog-Archiv-HTML einfügen:
Achtung: Die ID (#blog_htlm_include#6#) sollte an die ID Ihres angelegten HTML-Includes und der Link Blog.html an Ihren verwendeten Link (Überschrift des HTML-Includes) angepasst werden.
Ggf. ist es auch notwendig, die festen Breiten anzupassen, je nachdem wie breit Ihr Shop ist.
Zum Schluss sollte dann die Verlinkung zum Blog untergebracht werden. In der Navigation im Header oder auch im Footer. Ganz wie Sie möchten. Sprechen Sie uns an, wenn Sie selbst nicht genau wissen, wie und wo Sie den Link selbst einbauen können. Den Link können Sie sich über Sonstiges > Deeplink Generator erstellen lassen.
Wenn Sie die gesamte Einrichtung an uns abgeben möchten, tun wir das sehr gerne für Sie. Aufwand ca. 30min.
als Auftrag eines Onlinehändlers haben wir die shopinterne Blog-Funktion so erweitert, dass diese sich nun auch in groß als HTML Include anzeigen lässt.
Ein » Beispiel « wie es aussehen könnte.
Über Sonstiges > Grundeinstellungen >>> Punkt 9 > Blogbeiträge im Highslide: nein, als eigene Seite auswählen.
Über Sonstiges > ein neues HTML-Includes z.B. mit dem Namen Blog anlegen und folgenden Code einsetzen:
(Tipp: ergänzen Sie in der Überschrift #notitle. Damit wird die automatische Überschrift des HTML-Includes ausgeblendet.)
#keine_shopfenster_links
<div class=htm_100>
<div id="html-blog">
<h1>BLOG</h1>
<div class="blog" id="blog1">##blog##<a href="#blog_url" title="#blog_title"><h2>#blog_dat: #blog_title</h2></a><div class=blog_text>#blog_text</div>##10##200##</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 href="#blog_url" title="#blog_title"><h2>#blog_dat: #blog_title</h2></a><div class=blog_text>#blog_text</div>##10##200##</div>
</div>
<div class=blog_archiv><h2>Archiv</h2>#blog_archiv</div>
</div>
#keine_shopfenster_links wird nur verwendet, wenn Ihr Shop eine linke Navigation (Shopfenster) besitzt und Sie diese im Blog ausschalten möchten.
Über Layout > Schriften / CSS > ALL (ROOT) folgende Formatierung einfügen und alle vorhandenen Blog Formatierungen entfernen:
.htm_100 {width:100%;margin-left: 4px;}
.blog_archiv {width: 185px;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;}
.blog_archiv_anzahl {color:#444;font-size: 11px;font-weight:bold!important;}
.blog_text {margin:10px 0;text-align:justify;border-bottom: 1px solid #ddd;}
#html-blog {}
#html-blog h1 {color:#444;font-size: 20px;margin: 0 0 15px 0;}
#html-blog h2 {color:none;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;}
.blog {float:left;margin-right: 25px;width:735px;}
.blog_rss {position: relative;left: 156px;}
.blog_archiv {width: 185px;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;}
.blog_archiv_anzahl {color:#444;font-size: 11px;font-weight:bold!important;}
.blog_text {margin:10px 0;text-align:justify;border-bottom: 1px solid #ddd;}
#html-blog {}
#html-blog h1 {color:#444;font-size: 20px;margin: 0 0 15px 0;}
#html-blog h2 {color:none;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;}
.blog {float:left;margin-right: 25px;width:735px;}
.blog_rss {position: relative;left: 156px;}
..und ggf. auf die eigenen Bedürfnisse (Layout/CI) anpassen.
Folgenden Code über das weiße N-Icon in der Shopverwaltung > Blog-Einstellungen >>> Blog-HTML einfügen:
<div style="width:100%;">
<div style="width: 740px;float: left;margin-left: 4px;margin-right: 20px;">
<h1>#blog_dat : #blog_title</h1>
<h2>#blog_title</h2>
<p>#blog_text</p>
</div>
<div style="width:200px;float:left;">
Archiv:#blog_archiv
<div class=blog_zuruck><a href="Blog.html">» zurück zur Übersicht</a></div>
</div>
<div style="width: 740px;float: left;margin-left: 4px;margin-right: 20px;">
<h1>#blog_dat : #blog_title</h1>
<h2>#blog_title</h2>
<p>#blog_text</p>
</div>
<div style="width:200px;float:left;">
Archiv:#blog_archiv
<div class=blog_zuruck><a href="Blog.html">» zurück zur Übersicht</a></div>
</div>
Folgenden Code über das weiße N-Icon in der Shopverwaltung > Blog-Einstellungen >>> Blog-Archiv-HTML einfügen:
#blog_htlm_include#6#
<div style="width:100%;">
<div style="width: 740px;float: left;margin-left: 4px;margin-right: 20px;">
<h1>Blog-Archiv für #blog_m/#blog_y</h1>
<h2 style="font-size:12px;padding:10px;">Hier finden Sie alle Blog-Einträge aus dem Monat #blog_m/#blog_y</h2>
#blog_archiv_news
</div>
<div style="width:200px;float:left;">
Archiv:#blog_archiv
<div class=blog_zuruck><a href="Blog.html">» zurück zur Übersicht</a></div>
</div>
<div style="width:100%;">
<div style="width: 740px;float: left;margin-left: 4px;margin-right: 20px;">
<h1>Blog-Archiv für #blog_m/#blog_y</h1>
<h2 style="font-size:12px;padding:10px;">Hier finden Sie alle Blog-Einträge aus dem Monat #blog_m/#blog_y</h2>
#blog_archiv_news
</div>
<div style="width:200px;float:left;">
Archiv:#blog_archiv
<div class=blog_zuruck><a href="Blog.html">» zurück zur Übersicht</a></div>
</div>
Achtung: Die ID (#blog_htlm_include#6#) sollte an die ID Ihres angelegten HTML-Includes und der Link Blog.html an Ihren verwendeten Link (Überschrift des HTML-Includes) angepasst werden.
Ggf. ist es auch notwendig, die festen Breiten anzupassen, je nachdem wie breit Ihr Shop ist.
Zum Schluss sollte dann die Verlinkung zum Blog untergebracht werden. In der Navigation im Header oder auch im Footer. Ganz wie Sie möchten. Sprechen Sie uns an, wenn Sie selbst nicht genau wissen, wie und wo Sie den Link selbst einbauen können. Den Link können Sie sich über Sonstiges > Deeplink Generator erstellen lassen.
Wenn Sie die gesamte Einrichtung an uns abgeben möchten, tun wir das sehr gerne für Sie. Aufwand ca. 30min.