MODUL: CSS-Buttons

[noRiddle (revilonetz)]

Hi.
Habe mir deine Erweiterung noch nicht genauer angeschaut, aber variable Breiten halte ich für weit besser.
Daß unterschiedliche oder stark unterschiedliche Breiten bescheiden aussehen, käme

• nur dort zum tragen wo mehrere Buttons neben- oder untereinander im Template zu sehen sind (selten, z.B. Warenkorb) und
• bin ich auch dann der Meinung, daß das nicht stört.
  Im Gegenteil, Button deren Beschriftung rechts und links viel Leeraum haben, sehen bescheiden aus... 

Im übrigen, vielen Dank für die Arbeit.

Gruß,
noRiddle

[redstar109]

Hallo,

habe heute alles eingebaut, ging auch alles ohne probleme. Mit Firefox und Chrome getestet alles nur IE macht probleme(siehe bild). Woran kann es liegen, ist das ein IE oder habe ich doch ein fehler gemacht?

[web0null]

welcher IE

Für dieses Problem ist eigentlich das zuständig in des css:

.cssButton button {
   color:transparent;
}

[web0null]

Hab den Fehler gefunden: (war nur bei IE7, oder?)

ersetze bitte in der css-Datei:

Code: CSS  [Auswählen]

.cssButton button {
   color:transparent;
}

mit dem:

Code: CSS  [Auswählen]

.cssButton button {
    color:transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

Anbei nochmal das aktualisierte Paket (es wurde nur die "stylesheet.txt" geändert).

Gruß web0null

[EDIT Tomcraft 12.06.2012: Modul in Beitrag 1 aktualisiert.]

[noRiddle (revilonetz)]

color: transparent; gibt es nur in CSS3.
Da mosert nicht nur IE7...

Gruß,
noRiddle

[redstar109]

Super Danke, genau das war es.
Hatte es mit IE8 getestet.
Es gibt noch einen kleinen pukt.
Bestellung bestätigen sollte in Kaufen oder Kostenpflichtig bestellen umbenannt werde.

Gruß
RedStar

[web0null]

@jannemann,
kannst du bitte die Datei von Beitrag #18 auch noch im ersten Beitrag verlinken, Danke!

@noRiddle,
danke für den Hinweis.

@redstar109

Bestellung bestätigen sollte in Kaufen oder Kostenpflichtig bestellen umbenannt werde

Für die, die es Umbenennen wollen (müssen).

Suche in lang\german\german.php:

Code: PHP  [Auswählen]

define('IMAGE_BUTTON_CONFIRM_ORDER', 'Bestellung bestätigen');

Ändere:

Code: PHP  [Auswählen]

define('IMAGE_BUTTON_CONFIRM_ORDER', 'Kostenpflichtig Bestellen');

In anderen Sprachen dementsprechend auch.

Gruß web0null

[peterpan19]

Klasse Modul! Eine kleines Anliegen habe ich aber noch. Wie können zusätzliche Buttons kreiert werden? Ich habe 3 Module, die eigene Buttons mitbringen. Wie kann ich solche quasi in css Umwandeln? Danke und Gruß

[web0null]

Hi peterpan19,

in der xtc_css_button.inc.php, werden die Buttons über das hier angesprochen, z. B. der Button "button_in_cart.gif":

Code: PHP  [Auswählen]

'button_in_cart.gif'                    => array('Image' => '',                       'Text' => $alt,                                   'icon' =>       'icon_add_cart.png',    'iconposition' => 'iconleft',                   'Size' => '1',    'color' => '0',    'customColor_0' => '',    'customColor_1' => '',    'clear' =>     true  ),

Du kopierst die Zeile, und fügst sie direkt darunter wieder ein, und änderst... 'button_in_cart.gif' einach in deinen neuen Button-Namen um, z.B. 'mein_neuer_button_name.gif'. (je nachdem welches GIF der Button verwendet).

Wenn du nicht weißt wie ich das meine, schreib mir wie die GIF´s zu deinen Buttons heißen.

Voraussetzung ist dass die Buttons von deinem Modul, modified eCommerce Shopsoftware-konform eingebunden werden.

Gruß web0null

[peterpan19]

Hallo web0null, man Du bist ja flott, RESPEKT 
Ja, so ähnlich habe ich es versucht, funktionierte aber nicht. Ich habe die Module "Wunschliste", "Frage zum Produkt" und "Produkt weiterempfehlen". Da werden die Buttons zum Teil über die entsprechenden php Dateien vordefiniert. Hier am Beispiel für das Modul "Wunschliste" (wish_list.php):

Code: PHP  [Auswählen]

$smarty->assign('BUTTON_RELOAD','<a href="JavaScript:submit_to_wishlist()">'.xtc_image_button('button_update_cart.gif', NC_WISHLIST).'</a>');

In der wish_list.html sieht der Aufruf dann so aus:

Code: PHP  [Auswählen]

{$BUTTON_RELOAD}

Das heißt, wenn ich mir die Wunschzettel ansehe, sollte unten ein Button aktualisieren stehen. Aber stattdessen steht dann in diesem Button "Wunschzettel".
Derzeit arbeite ich noch lokal die Buttons ein, wenn soll das Ganze aber stimmig sein, also alle Buttons über css, bevor es in den Shop geht.
Was mir auch noch aufgefallen ist, bei mir werden nicht die tollen Bildchen in den Buttons angezeigt, woran  könnte das liegen?
Schon mal ein GROßES DANKE!
Gruß

[web0null]

Ja das stimmt schon so.

Aber es müssten auch wenn du in der xtc_css_button.inc.php nichts änderst, die css buttons angezeigt werden.
Denn dann nimmt er die:

Code: PHP  [Auswählen]

'default'                           => array('Image' => '',                           'Text' => $alt,                                   'icon' =>       '',                                     'iconposition' => 'iconnone',           'Size' => '1',    'color' => '0',    'customColor_0' => '',    'customColor_1' => '',    'clear' =>     false ),

Einstellung.

Was mir auch noch aufgefallen ist, bei mir werden nicht die tollen Bildchen in den Buttons angezeigt, woran  könnte das liegen?

Hast du den Ordner "cssbutton_ico" auch nach Anleitung kopiert?
Gehen die anderen Buttons alle?

Da werden die Buttons zum Teil über die entsprechenden php Dateien vordefiniert

Sie müssen über die entsprechenden php Dateien vordefiniert werden, sonst greift das Modul nicht.

Ps. ich habe deinen Code ausprobiert, und es geht so wie es sein soll.

EDIT: habe was übersehen, folgt gleich.

[web0null]

stattdessen steht dann in diesem Button "Wunschzettel".

Entweder ersetzt du das:

Code: PHP  [Auswählen]

    $smarty->assign('BUTTON_RELOAD','<a href="JavaScript:submit_to_wishlist()">'.xtc_image_button('button_update_cart.gif', NC_WISHLIST).'</a>');

mit dem:

Code: PHP  [Auswählen]

    $smarty->assign('BUTTON_RELOAD','<a href="JavaScript:submit_to_wishlist()">'.xtc_image_button('button_update_cart.gif', IMAGE_BUTTON_UPDATE).'</a>');

oder du fügst in der xtc_css_button.inc.php bei deinem Button-Aufruf statt:
'Text' => $alt,

das ein:
'Text' => IMAGE_BUTTON_UPDATE,

INFO: Das Modul nimmt als Button Bezeichnung den alt Text, der hiermit angegeben wird

Code: PHP  [Auswählen]

xtc_image_button('button_update_cart.gif', NC_WISHLIST)

(NC_WISHLIST).

Wenn die Button-Bezeichnung anders lauten soll, siehe oben.

Ich hoffe das war verständlich 

[peterpan19]

Super, funktioniert mit dem Ersetzen des php code! Jetzt bin ich erst recht begeistert! Die restlichen Module werde ich mir dann zusammen basteln, denke, das ich das mit deinem Beispiel hin bekomme.
Bleibt das Problem, dass mir die schönen Icons nicht angezeigt werden. Ich bin die Anleitung noch mal durch gegangen, konnte aber keinen Fehler feststellen.
Dennoch ein dickes Lob und vielen Dank für dein tolles Modul und deine Hilfe!!!!!!
Gruß

[web0null]

Hast du den Ordner "cssbutton_ico"
nach "\templates\xtc5\buttons\"    kopiert?

[peterpan19]

Oh, nö  Hab ihn in german rein kopiert. Jetzt gehts, sieht ja phänomenal klasse aus!!!