Hallo Aaron und alle anderen denen es Interessiert,
Footernavigation im auf Siquandos Demohomepage „Perpetuum“ auch für web 8/ shop 8.
Dies ist natürlich möglich wie w2dfan schon schrieb. Man muss sich halt ein wenig HTML, CCML-Kenntnisse aneignen. Nicht desto trotz hier eine Anleitung. Also wenn ich dich richtig verstanden habe, möchtest du im Footer die Maintopic nebst Topic ausgegeben haben?
In dieser Anleitung habe ich die Commonpage unterhalb der neuen Footernavigation gepackt. Siehe Schritt 3.
Die Linkmenge in der navigation.ccml habe ich mal von 7 auf 10 erhöht. Nicht vergessen: Eine kopie des Design Perpetuum anlegen und am besten mit dieser Arbeiten! So hier nun die Anleitung.
Schritt 1: Als erstes öffnest du die config.ccml und erstellst folgenden neuen Eintrag an geeigneter Stelle:
navigation.ccml
<cc:*> ++++++++++++++++++++++++ Footer [Neu hinzugefügt: 03.02.2016] ++++++++++++++++++++++++++ </cc:*>
<cc:property id="design.topic.nav.secondary" caption="In Sekundärnavigation anzeigen" folder="Design" targettype="topic" type="boolean" default="1">
<cc:*> ++++++++++++++++++++++ ENDE - Footer [Neu hinzugefügt: 03.02.2016] ++++++++++++++++++++++++ </cc:*>
Schritt 2: Dann öffnest du die style_design.css und fügst am besten nach „footer a:hover ….. }“ folgendes neu hinzu:
style_design.css
#footercontainer {
width: 856px;
margin: 0 auto;
}
#footercontainer ul {
list-style-type:none;
margin:0;
padding:0;
}
#footercontainer li {
display: block;
float: left;
/*width: 140px;*/
margin: 0 10px;
font-size: 17px;
color: <cc:print value="&usercolor.bright">;
}
#footercontainer li ul {
padding-top: 6px;
/*border-bottom: 1px solid #555555; */
}
#footercontainer li li {
display: block;
float: none;
padding: 6px 0;
/*border-top: 1px solid #555555;*/
font-size: 11px;
margin: 0;
}
#footercontainer li a {
color: <cc:print value="&usercolor.bright">;
text-decoration: none;
font-weight: normal;
}
#footercontainer li li a {
font-size: 12px;
color: #ffffff;
}
#footercontainer li a:hover {
color: <cc:print value="&usercolor.bright">;
}
P.S: Die Border habe ich auskommentiert, Schriftgröße und Farbe angepasst. Kannst du natürlich ändern wie du willst.
Schritt 3:Nun öffnest du die navigation.ccml und scrolltst bis zu Zeile 316 und löscht den footerteil. Zeile 316 bis Zeile 330.
navigation.ccml
<footer>
<p>
<cc:loop type="commonpages" obj="mycommonpage">
<a href="<cc:print value="&mycommonpage.url">"><cc:print value="&mycommonpage.caption"></a>
</cc:loop>
</p>
<cc:if cond="&site.properties.design.footertext">
<p><cc:print value="&site.properties.design.footertext" html="1"></p>
</cc:if>
</footer>
Dort fügst du nun folgenden neuen Code ein:
navigation.ccml
<footer>
<div id="footercontainer">
<cc:set obj="footercol" value="0">
<ul>
<cc:loop type="maintopic" obj="mymaintopic">
<cc:if cond="&mymaintopic.properties.design.topic.nav.secondary">
<cc:set obj="footercol" value="&footercol+1">
<cc:if cond="&footercol lt 10">
<li><a href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
<div style="clear:both; height: 9px; border-bottom: 1px dotted <cc:print value="&usercolor.bright">;"></div>
<cc:set obj="footerul" value="0">
<cc:loop type="topic" obj="mytopic" maintopic="&mymaintopic.number">
<cc:if cond="&mytopic.properties.design.topic.nav.secondary">
<cc:if cond="&footerul" not="1"><cc:set obj="footerul" value="1"><ul></cc:if>
<li><a href="<cc:print value="&mytopic.url">"><cc:print value="&mytopic.caption"></a></li>
</cc:if>
</cc:loop>
<cc:if cond="&footerul"></ul></cc:if>
</li>
</cc:if>
</cc:if>
</cc:loop>
</ul>
<div style="clear:both; height: 9px; border-bottom: 1px dotted <cc:print value="&usercolor.bright">;"></div>
</div><!-- footercontainer ende →
<p>
<cc:loop type="commonpages" obj="mycommonpage">
<a href="<cc:print value="&mycommonpage.url">"><cc:print value="&mycommonpage.caption"></a>
</cc:loop>
</p>
<cc:if cond="&site.properties.design.footertext">
<p><cc:print value="&site.properties.design.footertext" html="1"></p>
</cc:if>
</footer>
P.S.; Diese Footernavigation stammt aus dem Design Artemis! Mh, beim Nachtrag (graue Zeilen), werden irgendwie nicht richtig hier formatiert!
Das war es auch schon. Bitte denk daran, dass du Siquando web/shop vorher schließt. Denn Änderungen an der geöffneten config.ccml werden nämlich erst nach ein erneuten öffnen von Siquando web/shop angezeigt. Hoffe nichts vergessen zu haben in dieser Anleitung!?
Grüße Sven
Überarbeite: 11.02.2015 - 22:11 Uhr
Spontaneität muss sorgfältig geplant werden.
Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »
Sven aus Berlin« (11.02.2016, 22:18)