Autor Thema: Identifier __anzaendern__ mit Grafik  (Gelesen 6231 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline admin

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 530
  • Lob: 10
Identifier __anzaendern__ mit Grafik
« am: November 03, 2009, 13:19:26 »
Im Warenkorb wird der Identifer __anzaendern__ benutzt um ein Eingabefeld und einen Submit-Button bereitzustellen, um die Stückzahl für einen Artikel im Warenkorb zu ändern.  Der Button nimmt relativ viel Platz weg. Kann man hier auch eine kleine Grafik verwenden ?

Die Grösse des Buttons wird durch den Text bestimmt. Den Text kann  man der Sprachdatei (Text22) ändern. Wenn man statt "ändern" z.B. "ok" benutzt, wird der Button schon wesentlich kürzer.

Man kann allerdings auch tatsächlich eine Grafik benutzen.
Dazu erweitert man zunächst den Code der Warenkorbvorlage.

<span class="anzaendern">__anzaendern__</span>

Also einfach ein span Element mit der Klasse "anzaendern" um den Identifier __anzaendern__ herumlegen.

Dann braucht man nur noch etwas CSS zb. in stile.css einzufügen.

.anzaendern form input[type=submit] {background-image:url(../images/other/anzaebutton.jpg);width:22px; };

Mit CSS kann man nämlich auch Elemente eindeutig addressieren, wenn sie selbst kein Klasse oder ID haben. Man geht einfach von einem benannten Element aus und listet die enhaltenen Elemente bis zum gesuchten Element auf.


Linkback: http://www.shoppilot.net/pf/seo/7/identifier-anzaendern-mit-grafik/1319/

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1337
  • Lob: 18
    • ShopPilot AT
Re: Identifier __anzaendern__ mit Grafik
« Antwort #1 am: November 03, 2009, 13:32:27 »
Hallo hop,

Danke für den Tipp.

Ich habe das bis jetzt immer mit __xanzaendern__ gemacht
<td class="amount" nowrap valign="middle" style="border-right:none;">
<form method="post" action=__xanzaendern__>
        <input name="__xid__" style="width:25px;" size="1" maxlength="3" value="__anzahl__"></td>
<td style="border-left:none;" valign="bottom"><input type="image" style="width:16px; height: 16px; border:none; magrin:0; padding:0;" src="../images/other/anzaend.gif" title="Anzahl ändern">
</form>
</td>
aber mit css ist's einfacher  :)
mfG
dobra
______________________________
Betreute Shops:
Barrique Einzelhandel
Barrique Großhandel


xx
Grafik ändern für captcha-Code?

Begonnen von dobra

1 Antworten
3350 Aufrufe
Letzter Beitrag Juli 23, 2007, 08:39:05
von ahe
xx
KD-Bestellnr Identifier?

Begonnen von jg

2 Antworten
5374 Aufrufe
Letzter Beitrag März 31, 2006, 06:57:18
von jg
xx
Identifier __logo__

Begonnen von Mario

3 Antworten
26615 Aufrufe
Letzter Beitrag Juli 30, 2003, 21:42:10
von hop
xx
Identifier __kundennr__

Begonnen von karathan

10 Antworten
7414 Aufrufe
Letzter Beitrag Oktober 25, 2006, 10:37:20
von christian