Hallo liebe modified eCommerce Shopsoftware Gemeinde
Hab gestern kurz mit Speedy PMs ausgetauscht und habe ihm mein Bauwerk zu diesem Thema gezeigt.
Auf sein bitten hin werde ich es hier teilen.
Es ist modifiziert für modified eCommerce Shopsoftware und kann live betrachtet werden unter
www.fantys-basar.de.
hier die Anleitung:
Es basiert auf eine älteres Modul "Dropdown Menue" und ist dem vom Otto Versand bzw. einem anderen sehr ähnlich und kann von dem einen oder anderen sicher noch modifiziert werden.
Ich wollte noch die category einbauen, aber das ist mir nicht gelungen. Bin halt noch Newbie in Sachen PHP und CSS.
Anleitung Einbindung Dropdown Menu
Angepasst für modified eCommerce Shopsoftware 1.05
Schritt 1:Füge die Datei jquery.dropdown in \templates\DEIN TEMPLATES\javascript\ ein.
Schritt 2:Füge den Ordner lwis.celebrity (teilweise geändert) in templates\DEIN TEMPLATES\css\ ein.
Schritt 3:Füge die Dateien
dropdown.css (teilweise geändert)
dropdown.linear.css (teilweise geändert)
dropdown.linear.columnar.css (teilweise geändert)
in templates\DEIN TEMPLATES\css\ ein
Schritt 4:Füge nachfolgend in templates\DEIN TEMPLATES\css\general.css.php ein:
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/lwis.celebrity/default.advanced.css"
type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/dropdown.linear.columnar.css" type="text/css" media="screen" />
Schritt 5:in der stylesheet.css des Templates folgenden Abschnitt entfernen oder auskommentieren:
/* TOPMENU AS LIST */
#topmenuwrap {
background: #333 url(img/bg_topmenu.gif) repeat-x;
}
#topmenu {
float:left;
padding:0;
margin:0;
list-style-type:none;
height:36px;
font-size:13px;
background: url(img/bg_topmenu.gif) repeat-x;
}
#topmenu li {
height:36px;
float:left;
padding: 0px 25px;
margin:0;
background: url(img/bg_topmenu_breakline.gif) no-repeat;
background-position:right;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
line-height:36px;
vertical-align:middle;
text-decoration:none;
outline: none;
font-weight:bold;
cursor:pointer;
color:#fff;
margin:0;
padding:0;
}
#topmenu a:hover {
color:#ccc;
}
Schritt 6in der stylesheet.css des Templates ändern:
/* BREADCRUMB PATH AS LIST */
#breadcrumb {
clear:both;
color:#c64934;
padding:1px 0px 10px 15px;
list-style-type:none;
outline: none;
height:22px;
background: #fff url(img/bg_breadcrumb.gif) repeat-x;
font-size:11px;
font-weight: bold;
text-align: center;
}
#breadcrumb a {
line-height:23px;
text-decoration:none;
outline: none;
font-weight:bold;
cursor:pointer;
color:#333333;
margin:0;
padding:0 20px 0 10px;
}
#breadcrumb a:link { color:#000000; text-decoration: none; }
#breadcrumb a:visited { color:#000000; }
#breadcrumb a:hover { color:#FF0000; }
#breadcrumb a:active { color:#FFCC66; }
Schritt 7Tausche oder füge in der index.html ein:
{config_load
file="$language/lang_$language.conf" section
="index"}<div id
="wrap"> <div id
="header"> <div id
="logo"><img src
="{$tpl_path}img/spacer.gif" width
="400" alt
="{$store_name}" /></div
> <div id
="search">{$box_SEARCH}</div
> </div
><div id
="breadcrumb">{*$navtrail*} //// ab hier einfügen <!-- Beginning of compulsory code below
--><ul id
="nav" class="dropdown dropdown-linear dropdown-columnar"> <li
><a href
="{$index}">{#link_index#}</a></li>
<li
class="dir">Shop
-Information
<ul
> <li
class="dir"><a href
="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=1');{/php}">Liefer
- und Versandkosten
</a
></li
> <li
class="dir"><a href
="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=2');{/php}">Privatsph
ä
;re und Datenschutz
</a
></li
> <li
class="dir"><a href
="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=3');{/php}">Unsere AGB
</a
></li
> <li
class="dir"><a href
="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=4');{/php}">Impressum
</a
></li
> <li
class="dir"><a href
="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=9');{/php}">Widerrufsrecht
</a
></li
> </ul
> </li
> <li
class="dir">Kundenbereich
<ul
> {if $smarty.session
.customers_status
.customers_status_id
== '1'} <li
class="dir"><a href
="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
{/if} {if $smarty.session
.customer_id
} <li
class="dir"><a href
="{$logoff}">{#link_logoff#}</a></li>
{else} <li
class="dir"><a href
="{$login}">{#link_login#}</a></li>
{/if} <li
class="dir"><a href
="{$cart}">{#link_cart#}</a></li>
{if $account} <li
class="dir"><a href
="{$account}">{#link_account#}</a></li>
{/if} <li
class="dir"><a href
="{$checkout}">{#link_checkout#}</a></li>
</ul
> </li
> <li
class="dir"><a href
="http://www.sianweb.de/testbasar/shop_content.php?coID=7">Kontakt
</a
></li
> </ul
> </li
></ul
></li
><!-- End of compulsory code below
--> /////bis hier </div
> <div id
="contentwrap"> {if !strstr ($smarty.server
.PHP_SELF
, 'checkout')} <div
id
="leftcol">{$box_CATEGORIES}{*$box_ADD_QUICKIE*}{*$box_CONTENT*}{*$box_INFORMATION*}{$box_LAST_VIEWED}{$box_REVIEWS}{$box_SPECIALS
}{$box_WHATSNEW}</div
> {/if} <div
{if !strstr ($smarty.server
.PHP_SELF
, 'checkout')}id
="content"{else}id
="contentfull"{/if}> {if strstr ($smarty.server
.PHP_SELF
, 'index')} {if $smarty.get
.cPath
==null and
$smarty.get
.manufacturers_id
==''} {if $BANNER}{$BANNER}{/if} {/if} {/if} {$main_content}</div
> </div
> {if !strstr ($smarty.server
.PHP_SELF
, 'checkout')} <div
id
="rightcol">{$box_CART}{$box_LOGIN}{$box_ADMIN}{$box_NEWSLETTER}{$box_BESTSELLERS}{$box_INFOBOX}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO
}{$box_MANUFACTURERS}{*$box_IMAGESLIDER*}</div
> {/if}<p
class="footer">{$smarty.const.TITLE
} ©
{$smarty.now
|date_format:"%Y"} | Template ©
2009 by modified eCommerce Shopsoftware eCommerce
Shopsoftware
</p
></div
> Achtet auf die auskommentierten $-Anweisungen in den left-/rightcol-Bereichen
Fertig!
[
EDIT Tomcraft 08.02.2011: Anleitung formatiert und überarbeitet.]