MODUL: CSS-Buttons

[web0null]

Hallo!

Ich habe das BETA MODUL: Neue Button Funktion (Smartbuttons) umgearbeitet.

Da ich beim Entwickeln sehr viel Wert darauf lege, so wenig wie möglich in den Core-Dateien (wegen Updates) zu ändern, habe ich das xtc_smart_button-Modul umgearbeitet.
Es ist ca. in 5 Min. eingebaut.

Kurze Info:

• verschiedene Verläufe
• per hover Farbe wechseln + Animation
• Button-Größe einstellbar (3 Größen)
• diverse Icon Einstellungen (nur Text, nur Icon, Icon links, Icon rechts)

Alles, leicht änder- bzw. erweiterbar in der css Datei.

Näheres ist in der zip Datei.

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

@modified eCommerce Shopsoftware Team,

der Punkt 2 und 6 meiner Anleitung könnte so und so in ein Update eingepflegt werden, oder?

Viel Spaß, Gruß web0null.

[EDIT jannemann 24.04.2012: Modul aktualisiert auf Version 2.00]
[EDIT Tomcraft 12.06.2012: Modul aktualisiert auf Version 2.01]
[EDIT Tomcraft 12.06.2012: Modul aktualisiert auf Version 2.02]
[EDIT Tomcraft 12.06.2012: Modul aktualisiert auf Version 2.03]
[EDIT web28 14.06.2013: Neue Version 2.04 hinzugefügt.]
[EDIT Tomcraft 04.02.2017: Neue Version 2.1 für Shopversion 2.0.2.1 hinzugefügt.]
[EDIT Tomcraft 27.02.2017: Neue Version 3.0.1 für Shopversion 2.0.2.1 hinzugefügt.]
[EDIT Tomcraft 27.02.2017: Neue Version 3.0.1 für Shopversion 2.0.2.1 aktualisiert.]
[EDIT Tomcraft 27.02.2017: Neue Version 3.0.1 für Shopversion 2.0.2.1 aktualisiert.]
[EDIT Tomcraft 27.02.2017: Neue Version 3.0.1 für Shopversion 2.0.2.1 aktualisiert.]

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

[hedon02]

  ich bin ja einiger der wenigen die sich die Muehe gemacht haben, die "smart-buttons" einzubauen und weiss das es ein tolles Modul ist.

Dein "Update" scheint den Einbau ja wesentlich zu vereinfachen, ....vielleicht ist das ja der entscheidende Schritt fuer eine Integration in zukuenftige Versionen von xt-mod.

Gruesse

[web0null]

@hedon02

Danke für die Rückmeldung. Das Modul hat mich damals auch schon fasziniert, aber es war mir einfach zu viel Umbauarbeit (wegen Updates), deshalb hab ich es damals schon während des Einbaus umgemodelt. Jetzt mach ich mich Stück für Stück daran, meine (Umbauten) mit Anleitungen zu versehen.

Gruß web0null

[Da Sandro]

Kann man damit auch einfach den Text der Buttons ändern?

[web0null]

@Desecrator

Ja den Text kann man ändern, es werden vorwiegend die alt-Attribute der Original-Buttons verwendet, und die sind in den Sprachdateien definiert. Man kann natürlich auch neue anlegen.

 

[Thomas]

Hi,

sehr interessante "Modernisierung". Somit fallen dann die Standard-Buttongrafiken mit Text weg, oder kann ich immernoch das Design selbst anpassen? z.b. bei Suchfunktion-Häkchen oder andere Hintergrundfarbe für "In den Warenkorb" am Artikel? Wenn das alles so funzt sollte es hoffentlich einen Weg ins nächste Update finden. 

Gruß

[web0null]

 @Thomas

Die Standard-Buttongrafiken kann man beibehalten z.b. in der xtc_css_button.inc.php bei
array('Image' => '', die Variable $name eintragen, also so... array('Image' => $name,  damit wird die Original-Grafik geladen.

Bei cart_del.gif im Warenkorb ist es z.B. so gelöst.

[web0null]

oder andere Hintergrundfarbe

Hallo,

ich habe Einstellungen eingefügt, damit jedem Button eigene Farben zugewiesen werden können.
Somit könnte man jeden Button farblich individuell gestalten.
(es wurde nur die xtc_css_button.inc.php und die Anleitung.txt verändert)

Gruß web0null

[EDIT jannemann 24.04.2012: Modul in Beitrag 1 aktualisiert.]

[Thomas]

 

danke du übertriffst dich hier ja selbst

Gruß

[web28]

Button-Größe einstellbar (3 Größen)

Haben die Buttons habe bestimmte Mindestbreiten? Wenn nämlich jeder Button unterschiedlich breit ist, sieht das sch.... aus.

Gruss Web28

[noRiddle (revilonetz)]

Ansichtssache.
Ich finde breite Buttons mit wenig Beschriftungstext sch... 

Gruß,
noRiddle

[web0null]

Lieber Web28,

1. Wenn du der Meinung bist nicht ohne Kraftausdrücke artikulieren zu können, wirst du von mir keine Antworten bekommen.
2. Wenn dich die unterschiedlichen Breiten stören, warum änderst du dann nicht auch die Original-Buttons, denn die haben schließlich auch unterschiedliche Breiten (du gehörst ja auch zum Entwickler Team, oder?).
3. …und nein, ich bin nicht kleinlich, aber ich habe etwas gegen Menschen die glauben andere Arbeiten mit Kraftausdrücke auszeichnen zu müssen (besonders dann, wenn sie selbst nicht besser sind, siehe Punkt 2).  Denn dieses Forum hat ja gerade deswegen seinen guten Ruf, weil höflich und respektvoll miteinander umgegangen wird.
4. … und zu guter Letzt, ich bin nicht nachtragend, aber ich mag so etwas halt nicht.

Gruß web0null

[diswiss]

Vielen Vielen Dank!

Werd ich heute Abend gleich mal Installieren ....Feedback folgt

[web28]

@web0null

Haben die Buttons habe bestimmte Mindestbreiten? Wenn nämlich jeder Button unterschiedlich breit ist, sieht das sch.... aus.

Damit war nicht Deine Arbeit gemeint, sondern die bisher mir bekannten CSS Button Lösungen, die alle so aussahen wie mit dem Kraftausdruck treffend beschrieben. Die Frage zielte darauf, ob das mit der Breite bei Deinem Modul anders ist bzw. machbar wäre.

2. Wenn dich die unterschiedlichen Breiten stören, warum änderst du dann nicht auch die Original-Buttons, denn die haben schließlich auch unterschiedliche Breiten (du gehörst ja auch zum Entwickler Team, oder?).

Es gibt genau 3 Buttonsbreiten (außer den Minibutton Suche), es ist also nicht jeder Button unterschiedlich breit
Normal: 88px breit
Breit: 125px breit
Extrabreit: 175px breit

Wenn das mit Deinem Modul ähnlich darstellbar wäre -> perfekt

[web0null]

@web28,
Vergeben und Vergessen.

Na ja... machbar ist alles, aber ich sehe mehr Probleme bei fixen Breiten, denn man kann mit diesem Modul eben leicht neue Button-Bezeichnungen einpflegen, und da finde ich es besser wenn die Button-Breite dynamisch bleibt.
Denn wenn jemand (aus welchen Gründen auch immer) z. B. eine sehr lange Button-Bezeichnung braucht, diese auch noch ein Icon haben soll, nach was soll ich mich dann richten?
Weißt du was ich meine, deswegen hab ich es dynamisch gelöst, und finde es besser!?

@alle

Gebt mir bescheid wer meine Ansicht teilt, oder die von web28, damit ich eine Lösung anbieten kann.

Gruß web0null