Rechts neuer balken

[basti84]

ich möchte rechts einen neuen balken haben wie z.b. newsletter wie mache ich das?

[stefanwesop]

Schau Dir das Template-File _right.tpl an. Hier kannst Du grundsätzlich sehen wie Elemente eingebunden werden. Je nachdem was Du dort abbilden möchtest kann zusätzlicher Aufwand nötig sein um die gewünschten Elemente auch im entsprechenden View verfügbar zu machen.

[anni_cgn]

Hallo,

meinst Du definitiv rechts?
Frage deshalb, weil es Links auch einen Menüpunkt Newsletter gibt.

Grüße, Anni

[basti84]

Ja rechts schaut mal auf meiner seite www.terrafactory.de rechts unten steht Facebook in einem schwarzen feld aber es ist halt nicht so wie oben z.b. newsletter oder Mein konto

[basti84]

Ihr könnt mich auch über den live Support auf meiner seite erreichen!

[stefanwesop]

Du hast die Überschrift in einem div-Container mit padding von 10px links und rechts platziert. Wenn die Überschrift wie bei den ersten beiden Punkten aussehen soll, musst Du sie aus diesem div rausholen oder das padding wegnehmen.

Ich empfehle Dir allerdings nicht die Defintion des zentralen div-Elements #box in CSS zu verändern, denn das hat Einfluss auf sehr viele andere Boxen.

Am besten ist es die Überschrift aus dem box-div rauszuholen, dann musst du nichts am CSS ändern.

[basti84]

kannst du mir mal genau beschreiben wie

[stefanwesop]

Du hast _right.tpl bereits geändert? Dann poste hier ggf. mal Deine Version von _right.tpl. Dann schaue ich mir an wo es klemmt.

[basti84]

<div class=“forms”>

[{if $oView->showRightBasket()}]
    [{oxid_include_dynamic file="dyn/mini_basket.tpl" type="basket" extended=true testid="RightBasket"}]
[{/if}]

<strong class="h2"><a id="test_RightSideAccountHeader" rel="nofollow" href="[{ oxgetseourl ident=$oViewConf->getSelfLink()|cat:"cl=account" }]">[{ oxmultilang ident="INC_RIGHTITEM_MYACCOUNT" }]</a></strong>
<div class="box">
    [{oxid_include_dynamic file="dyn/cmp_login_right.tpl" type="login" pgnr=$pageNavigation->actPage tpl=$tpl additional_form_parameters="`$AdditionalFormParameters`"|cat:$oViewConf->getNavFormParams() }]
    [{oxid_include_dynamic file="dyn/cmp_login_links.tpl" type="login_links"}]
</div>

[{if !$oxcmp_user->oxuser__oxpassword->value && $oViewConf->getShowOpenIdLogin() }]
    <strong class="h2"><a id="test_RightSideOpenIdHeader" rel="nofollow" href="[{ oxgetseourl ident=$oViewConf->getSelfLink()|cat:"cl=account"}]">[{ oxmultilang ident="INC_RIGHTITEM_OPENID" }]</a></strong>
    <div class="box">
        [{oxid_include_dynamic file="dyn/cmp_openidlogin_right.tpl" type="login" pgnr=$pageNavigation->actPage tpl=$tpl additional_form_parameters="`$AdditionalFormParameters`"|cat:$oViewConf->getNavFormParams() }]
    </div>
[{/if}]

[{if $oView->showNewsletter()}]
    <strong class="h2"><a id="test_RightSideNewsLetterHeader" rel="nofollow" href="[{ oxgetseourl ident=$oViewConf->getSelfLink()|cat:"cl=newsletter" }]">[{ oxmultilang ident="INC_RIGHTITEM_NEWSLETTER" }]</a></strong>
    <div class="box">[{include file="inc/cmp_newsletter.tpl" }]</div>
[{/if}]

</div>

[{ if $oView->getTop5ArticleList() }]
<strong class=“h2” id=“test_RightSideTop5Header”>
[{ oxmultilang ident=“INC_RIGHTITEM_TOPOFTHESHOP” }]
[{if $rsslinks.topArticles}]
<a class=“rss” id=“rss.topArticles” href="[{$rsslinks.topArticles.link}]" title="[{$rsslinks.topArticles.title}]"></a>
[{oxscript add=“oxid.blank(‘rss.topArticles’);”}]
[{/if}]
</strong>
<div class=“box”>
<div>[{include file=“inc/top_items.tpl” }]</div>
</div>

[{ /if }]

<img src="[{$oViewConf->getImageUrl()}]support.png" alt=“support”>
<!-- http://www.LiveZilla.net Chat Button Link Code --><div style=“text-align:center;width:180px;”><a href=“javascript:void(window.open(‘http://terrafactory.de/support/chat.php’,’’,'width=590,height=580,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes’))”><img src=“http://terrafactory.de/support/image.php?id=01” width=“180” height=“50” border=“0” alt=“LiveZilla Live Help”></a><noscript><div><a href=“http://terrafactory.de/support/chat.php” target="_blank">Start Live Help Chat</a></div></noscript><div style=“margin-top:2px;”><a href=“http://www.livezilla.net” target="_blank" title=“LiveZilla Live Chat” style=“font-size:10px;color:#bfbfbf;text-decoration:none;font-family:verdana,arial,tahoma;”>LiveZilla Live Chat</a></div></div><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- http://www.LiveZilla.net Tracking Code --><div id=“livezilla_tracking” style=“display:none”></div><script type=“text/javascript”>
<!-- DON’T PLACE IN HEAD ELEMENT -->
var script = document.createElement(“script”);script.type=“text/javascript”;var src = “http://terrafactory.de/support/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById(‘livezilla_tracking’).appendChild(script)”,1);</script><!-- http://www.LiveZilla.net Tracking Code -->
<!-- http://www.LiveZilla.net Chat Button Link Code --><div style=“text-align:center;width:180px;”><a href=“javascript:void(window.open(‘http://terrafactory.de/supportmanuela/chat.php’,’’,'width=590,height=580,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes’))”><img src=“http://terrafactory.de/supportmanuela/image.php?id=01” width=“180” height=“50” border=“0” alt=“LiveZilla Live Help”></a><noscript><div><a href=“http://terrafactory.de/supportmanuela/chat.php” target="_blank">Start Live Help Chat</a></div></noscript><div style=“margin-top:2px;”><a href=“http://www.livezilla.net” target="_blank" title=“LiveZilla Live Help” style=“font-size:10px;color:#bfbfbf;text-decoration:none;font-family:verdana,arial,tahoma;”>LiveZilla Live Help</a></div></div><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- http://www.LiveZilla.net Tracking Code --><div id=“livezilla_tracking” style=“display:none”></div><script type=“text/javascript”>
<!-- DON’T PLACE IN HEAD ELEMENT -->
var script = document.createElement(“script”);script.type=“text/javascript”;var src = “http://terrafactory.de/supportmanuela/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById(‘livezilla_tracking’).appendChild(script)”,1);</script><!-- http://www.LiveZilla.net Tracking Code -->
<div align=“center”>
<img src="[{$oViewConf->getImageUrl()}]5aufalles.png" alt=“5% auf alles”><br>
<a href=“http://terrafactory.de/shop/Futter-Mineralstoffe/Futterabo/”><img src="[{$oViewConf->getImageUrl()}]Futterabo.png"></a>
<img src="[{$oViewConf->getImageUrl()}]Sonderangebote.png" alt=“Sonderangebote”>
</div>
<div class=“forms”>
<strong class=“h2”><a href=“http://terrafactory.de/shop/Facebook/"|cat:"cl=Facebook"id="1d7c397504f8f8a3c7d958296d963ab7”>Facebook</a></strong>
<div class=“box”>
Empfehle uns deinen Freunden auf Facebook
<iframe src=“http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTerrafactory%2F150610861641006%3Fv%3Dpage_getting_started&layout=box_count&show_faces=true&width=180&action=like&font=verdana&colorscheme=dark&height=65” scrolling=“no” frameborder=“0” style=“border:none; overflow:hidden; width:180px; height:65px;” allowTransparency=“true”></iframe>
</div>

[{if count($oView->getBargainArticleList()) > 0 }]
<strong class=“h2” id=“test_RightSideBarGainHeader”>
[{ oxmultilang ident=“INC_RIGHTITEM_BARGAIN” }]
[{if $rsslinks.bargainArticles}]
<a class=“rss” id=“rss.bargainArticles” href="[{$rsslinks.bargainArticles.link}]" title="[{$rsslinks.bargainArticles.title}]"></a>
[{oxscript add=“oxid.blank(‘rss.bargainArticles’);”}]
[{/if}]
</strong>
<div class=“box”>
<div>[{include file=“inc/bargain_items.tpl”}]</div>
</div>
[{ /if }]
</div>

[{if $oViewConf->getShowListmania()}]
[{ if $oView->getSimilarRecommLists() }]
<strong class=“h2” id=“test_RightSideRecommlistHeader”>
[{ oxmultilang ident=“INC_RIGHTITEM_RECOMMLIST” }]
[{if $rsslinks.recommlists}]
<a class=“rss” id=“rss.recommlists” href="[{$rsslinks.recommlists.link}]" title="[{$rsslinks.recommlists.title}]"></a>
[{oxscript add=“oxid.blank(‘rss.recommlists’);”}]
[{/if}]

    </strong>
    <div class="box">
        <div>[{include file="inc/right_recommlist.tpl" list=$oView->getSimilarRecommLists()}]</div>
        <br>
        <span class="def_color_1">[{ oxmultilang ident="INC_RIGHTITEM_SEARCHFORLISTS" }]</span>
        <form name="basket" action="[{ $oViewConf->getSelfActionLink() }]" method="post" class="recommlistsearch">
          <div>
              [{ $oViewConf->getHiddenSid() }]
              <input type="hidden" name="cl" value="recommlist">
              <input type="text" name="searchrecomm" id="searchrecomm" value="[{$oView->getRecommSearch()}]" class="search_input">
              <span class="btn"><input id="test_searchRecommlist" type="submit" value="GO!" class="btn"></span>
          </div>
        </form>
    </div>
[{ /if }]

[{ if !$oView->getSimilarRecommLists() && $oView->getRecommSearch() }]
    <strong class="h2" id="test_RightSideRecommlistHeader">[{ oxmultilang ident="INC_RIGHTITEM_RECOMMLIST" }]</strong>
    <div class="box">
        <span class="def_color_1">[{ oxmultilang ident="INC_RIGHTITEM_SEARCHFORLISTS" }]</span>
        <form name="basket" action="[{ $oViewConf->getSelfActionLink() }]" method="post" class="recommlistsearch">
          <div>
              [{ $oViewConf->getHiddenSid() }]
              <input type="hidden" name="cl" value="recommlist">
              <input type="text" name="searchrecomm" value="[{$oView->getRecommSearch()}]" class="search_input">
              <span class="btn"><input id="test_searchRecommlist" type="submit" value="GO!" class="btn"></span>
          </div>
        </form>
    </div>
[{ /if }]

[{/if}]

[{ if $oView->getAccessoires() }]
<strong class=“h2” id=“test_RightSideAccessoiresHeader”>[{ oxmultilang ident=“INC_RIGHTITEM_ACCESSORIES” }]</strong>
<div class=“box”>
<div>[{include file=“inc/rightlist.tpl” list=$oView->getAccessoires() altproduct=$product test_Type=accessoire}]</div>
</div>
[{ /if }]

[{ if $oView->getSimilarProducts() }]
<strong class=“h2” id=“test_RightSideSimilListHeader”>[{ oxmultilang ident=“INC_RIGHTITEM_SIMILARPRODUCTS” }]</strong>
<div class=“box”>
<div>[{include file=“inc/rightlist.tpl” list=$oView->getSimilarProducts() altproduct=$product test_Type=similarlist}]</div>
</div>
[{ /if }]

[{ if $oView->getCrossSelling()}]
<strong class=“h2” id=“test_RightSideCrossListHeader”>[{ oxmultilang ident=“INC_RIGHTITEM_HAVEPOUSEEN” }]</strong>
<div class=“box”>
<div>[{include file=“inc/rightlist.tpl” list=$oView->getCrossSelling() altproduct=$product test_Type=cross}]</div>
</div>

[{ /if }]

[{ if $oView->getAlsoBoughtTheseProducts() }]
<strong class=“h2” id=“test_RightSideCustWhoHeader”>[{ oxmultilang ident=“INC_RIGHTITEM_CUSTOMERWHO” }]</strong>
<div class=“box”>
<div>[{include file=“inc/rightlist.tpl” list=$oView->getAlsoBoughtTheseProducts() altproduct=$product test_Type=customerwho}]</div>
</div>
[{ /if }]

[stefanwesop]

Du hast es jetzt ja schon hinbekommen.

[basti84]

So jetzt ist es soweit wie fertig nur fehlt jetzt leider links der strich der von oben nach unten geht

[basti84]

fast es fehlt noch der strich der von oben nach unten geht

[basti84]

[QUOTE=stefanwesop;41277]Du hast es jetzt ja schon hinbekommen.[/QUOTE]

Ja fast es fehlt noch der strich der von oben nach unten geht

[stefanwesop]

Du hast die Box mit dem Livesupport jetzt komplett rausgenommen?

Mit der Linie links sollte es funktionieren, wenn Du die Livesupport-Box in ein div mit class=“box” packst.

[basti84]

So jetzt habe ich nochmal alles von vorne gemacht ich habe jetzt den strich. Allerdings sind die überschriften z.b. Aktionen nicht schwarz hinterlegt. Kann die rigth.tpl hier leider nicht zeigen da diese zu lang ist.

[stefanwesop]

Die ersten beiden Elemente (Mein Konto und Newsletter) sind noch im div class=“forms” verpackt. Wenn Du dieses div erst ganz am Ende von _right.tpl nach der Facebook-Box schließt sollten auch die Überschriften einheitlich weiß auf schwarzem Hintergrund angezeigt werden.

Für die Untersuchung solcher CSS/HTML-Angelegenheiten kann ich Dir Firefox mit dem Plugin Firebug empfehlen. Das ist dafür echt genial.

[basti84]

Jo geht SUPER DANKE!!!