Currency-Auswal als Text

[Franz]

hi meine freunde,
ich suche eine möglichkeit die währungsauswahl nicht mehr als unpraktisches down-pull-menü auswählen kann, sondern einfach als simplen text, der nach der auswahl markiert ist, z.b. durch css dann eine andere farbe hat.

in etwa wie im folgenden beispiel: http://demoshop.oxid-esales.com/community-edition/

hat jemand vll. eine idee oder ansatzpunkte, wie man die sache angehen könnte?

vielen dank



Linkback: https://www.modified-shop.org/forum/index.php?topic=7961.0

[Tomcraft]

Dazu brauchst du lediglich Links ins Topmenu setzen:

Code: PHP  [Auswählen]

<li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=EUR', 'NONSSL');{/php}">EUR</a></li>
<li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=USD', 'NONSSL');{/php}">USD</a></li>
 

Grüße

Torsten

[Franz]

hui, nice....

und wie bleiben die farblich markiert?

[franky_n]

Hallo Franz86,

schau mal hier: Wo wurde im Hauptmenü geklickt?

Ist gerade gebaut worden!

Viele Grüße

Franky

[Franz]

vielen dank.
das ist ja der hammer, wie schnell das bei euch geht.

werde es morgen mal antesten und dann rückmeldung geben.

[Franz]

bin leider ein absoluter css-noob und kriege die feinausrichtung nicht wie gewünscht hin, siehe hoch-geladene Bilder.

Folgende Sachen habe ich nur im index.template verändern:

Code: PHP  [Auswählen]

        <div id="languagescurrencies">
            <a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=EUR', 'NONSSL');{/php}">EUR (€)</a>
            <a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=USD', 'NONSSL');{/php}">USD ($)</a>
         | {$box_LANGUAGES}
        </div>
 

im CSS:

Code: CSS  [Auswählen]

#languagescurrencies{
        text-align:right;
        list-style-type:none;
        font-size:11px;
        height:26px;
        background: url(img/bg_topmenu.gif) repeat-x;
        padding: 10px 10px 0px 0px;
        margin:0;
}
 

Ich habe es schon mit etlichen Möglichkeiten versucht, komme aber einfach nicht weiter.

über eine kleine Hilfe würde ich mich sehr freuen!

  [ Für Gäste sind keine Dateianhänge sichtbar ] [ Für Gäste sind keine Dateianhänge sichtbar ]

[franky_n]

Hallo franz86,

versuch doch mal die Elemente: EUR, USD, Trenner, languages jeweils in einzelne unter <div> zu packen und dann zu positionieren.
Ich denke dann gehts einfacher...

Oder Du versuchst dem <div> eine feste Höhe zu geben uns setzt es dann zentriert:

Code: CSS  [Auswählen]

min-height: 10em;
vertical-align: middle;

Viele Grüße

Franky

[Franz]

danke für deine antwort.
hab es bereits so probiert, jedoch erstellte er dann jeweils eine neue reihe, was mache ich da falsch?
habe möglichst eine saubere zum template passende lösung gesucht.

[franky_n]

Hallo franz86,

benutze zusätzlich:

Code: PHP  [Auswählen]

display: inline;

wenn Du die divs einzeln machst oder versuche den anderen Vorschlag (siehe oben).

Oftmals findest Du gerade für den CSS Bereich im Internet viele Beschreibungen dazu.
Auch dort mal nach einer Lösung suchen!

Viele Grüße

Franky

[Franz]

selbstverständlich bin ich schon ettliche css-anleitungen durchgegangen, wirklich weitergeholfen haben sie mir nur zum teil, weil ich noch nicht ganz nachvollziehen kann, wie sich manche befehle überlagern.

habs jetzt folgender maßen gelöst:

quelltext:

Code: PHP  [Auswählen]

<div id="languagescurrencies">
<li><a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=EUR', 'NONSSL');{/php}">EUR (€)</a>
<a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=USD', 'NONSSL');{/php}">USD ($)</a>
| {$box_LANGUAGES} </li>
</div>
 

css:

Code: CSS  [Auswählen]

#languagescurrencies{
        text-align:right;
        font-size:11px;
        height:36px;
        background: url(img/bg_topmenu.gif) repeat-x;
        list-style-type:none;
        padding: 0px 10px 0px 0px;
        margin:0px;
}

#languagescurrencies li {
        height:36px;
        float:right;
        padding: 0px 0px 0px 10px;
        background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:left;
}
 

passt soweit, jedoch ist der text sowie die flaggen oben, statt in der mitte, jeder versuch über padding oder so verschiebt gleich alles, auch die seperatorline. will jedoch nur den text mittig verschoben haben.

sehe grad, dass der IE da alles wieder umwirft, alles eine katastrophe!

[franky_n]

Hallo franz86,

und im ersten

Code: CSS  [Auswählen]

#languagescurrencies{

ein:

Code: CSS  [Auswählen]

vertical-align: middle;

zu setzen und im 2ten:

Code: CSS  [Auswählen]

#languagescurrencies li {

einfach die Höhe von 36px:

Code: CSS  [Auswählen]

height: 36px;

auf die Höhe der Flaggen
und dann ebenfalls ein:

Code: CSS  [Auswählen]

vertical-align: middle;

bringt Dich auch nicht weiter?

Viele Grüße

Franky

[Franz]

schon probiert, da nimmt er den befehl

Code: CSS  [Auswählen]

vertical-align: middle
 

nicht an.

[franky_n]

Hallo franz86,

dann müsste ich mir das mal ansehen.
Hast Du mal einen Link zu Deinem Shop?

Viele Grüße

Franky

[Franz]

es ist bislang alles standard-template und nur über XAMPP am laufen, ich versuche einfach nur das mit dem rechten seperator hinzukriegen.
hab mittlerweile schon 10 andere möglichkeiten ausprobiert, ich kriegs einfach nicht gescheit hin.

[franky_n]

Hallo franz86,

so gehts:

Code: PHP  [Auswählen]

<div id="languages">
  <a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=EUR', 'NONSSL');{/php}">EUR (€)</a> <a href="{php}echo xtc_href_link(FILENAME_DEFAULT, 'currency=USD', 'NONSSL');{/php}">USD ($)</a> |<div id="languages_flags">{$box_LANGUAGES}</div>
</div>
 

und in der css:

Code: CSS  [Auswählen]

#languages {
        text-align: right;
  vertical-align: middle;
        height:26px;
        font-size:13px;
        background: url(img/bg_topmenu.gif) repeat-x;
        padding: 10px 10px 0px 0px;
        margin:0;
}
#languages_flags {
        float:right;
        padding: 2px 0px 0px 10px;
        margin:0;
}
 

Viele Grüße

Franky