BETA MODUL: Neue Button Funktion (Smartbuttons)

[heshokima]

ACHTUNG: Verbesserte Version hier: MODUL: CSS-Buttons

Moin,
ich habe eine neue Button-Funktion (xtc_smart_button.inc.php) geschrieben, um das Formatieren der Buttons zu erleichtern. Das Ganze ist noch Beta.
Es können die Dateiformate (gif, jpeg, png) oder auch das ganze Buttonkonstrukt (Text-CSS Buttons) schnell geändert werden, ohne sämtliche Dateien zu bearbeiten.

Die Buttons werden mit xtc_smart_button(Name, Link, Submit, Parameter) aufgerufen.

Es können folgende Werte genutzt werden:

Name: Name des Buttons
Link: Link des Buttons (false wenn kein Link gesetzt wird
Submit: Aufruf für den <button>, kann true (type=submit) oder der Name des <button> sein. Bei false wird kein <button> erzeugt
Parameter: Es können mehrere Parameter getrennt mit

::

übergeben werden. Die Werte werden mit

:

getrennt. Folgende Parameter habe ich eingerichtet:

no href

-> (wird für die Print Popups benötigt)

text-before/text-after

-> (Damit kann der "alt"-Text oder der Button-Text erweitert werden)

title

clear

-> (true: es wird ein <div> mit clear:both; float:none; nach dem Button erzeugt)

class

-> (CSS-klasse für den Button)

In der Funktion selbst kann man einstellen, was überhaupt angezeigt wird (image, text, icon).

Ich bin noch nicht dazu gekommen eine ausführliche Anleitung zu schreiben, aber vielleicht kann jemand die Smartbuttons testen. In dem zip befinden sich die modifizierten und die neue Datei sowie zwei Beispiele für Text-CSS Buttons.

Viel Spaß beim Testen, über Feedback freue ich mich...

Gruß
Jan

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

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

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

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

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

ACHTUNG: Verbesserte Version hier: MODUL: CSS-Buttons

[EDIT Tomcraft 29.12.2011: Modul aktualisiert, Danke an polyorgshops.]

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

[Tomcraft]

Eine wirklich tolle Idee!

Grüße

Torsten

[swolfram [templatix]]

Grandios! Hab es mir gerade mal geladen und angeschaut. Wirklich 'ne feine Sache!!

Nur wirklich Bock, jetzt den gesamten Shop zu überarbeiten hab ich gerade nicht... schade, dass es nicht einfacher geht derartige Buttons einzubauen! Vielleicht werde ich es demnächst mal irgendwo verbauen.

[ah-tonius]

Hallo

Habe den gerade mal getestet.
Erst habe ich kein Ergebnis gesehen.
Dann habe ich jedoch die als "Smartbuttons Beispiele" in der ZIP abgelegte Dateien auch an den zugehörigen Platz kopiert. Erst dann gibt's Buttons.

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

Was ich bei solchen Dingen immer besser finden würde ist eine separate Sprachdatei, da ich jetzt wieder suchen muss wo Änderungen gemacht wurden.

Getestet habe auf dem PC und zwar einen vorhanden Shop in einen anderen Pfad kopiert die Config.phps angepasst und die Buttongeschichte eingebaut. Hat etwa eine Stunde gedauert.

Schönes neues Jahr noch.

[ah-tonius]

Hallo

So ich habe die Buttons im Original-Shop eingebaut (css).
Kann ich gut bei der Lettischen Sprache gebrauchen.
Hinzu kommen später noch weitere Länder mit Sonderzeichen.

Ich hatte das Gefühl, dass die eine "xtc_smart_button.inc.php" nicht ging, denn bei der Muster für css bekam ich nur die Piktogramme. Mit der anderen Muster "xtc_smart_button.inc.php" hat es dann aber geklappt. Also wer da Probleme hat, damit auch mal jonglieren.

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

Vielen Dank an heshokima, für die Sache, der ja noch nicht häufig hier im Forum war.

Gruss Antonius

[speedy]

Eine sehr gute Idee, überlege gerade, ob das in der Praxis für jeden Shop zu empfehlen ist oder doch 'ne Individuallösung ist - hmm.
Vorteil wäre halt, dass man alles per Language-Dateien ändern könnte - ohne Bildbearbeitung.

Aber auf jeden Fall, vielen Dank für's Teilen, heshokima!

[Tomcraft]

Es geht mir genau so... bin hin und her gerissen, denke aber, dass die Buttons auf das Template abgestimmt sein müssen. Sieht einfach professioneller aus.

Grüße

Torsten

[hedon02]

Hallo,

ich habe es mal ausprobiert und es sieht wirklich gut aus. Allerdings funktioniert im IE der Warenkorb Button nicht. Es wird hier nicht weitergeleitet. In Opera werde ich zwar zum Warenkorb geleitet, aber dieser bleibt leer.

In Firefox und Safari funktioniert es hingegen.

Ich nehme an, dass sich in der includes/classes/product.php ein Fehler eingeschlichen hat.

Ab Zeile 369:

Code: PHP  [Auswählen]

// BOF Heshokima Smart Buttons
        //return '<a href="'.xtc_href_link(basename($PHP_SELF), 'action=buy_now&BUYproducts_id='.$id.'&'.xtc_get_all_get_params(array ('action')), 'NONSSL').'">'.xtc_image_button('button_buy_now.gif', TEXT_BUY.$name.TEXT_NOW).'</a>';
        return xtc_smart_button('BUTTON_BUY_NOW', xtc_href_link(basename($PHP_SELF), 'action=buy_now&BUYproducts_id='.$id.'&'.xtc_get_all_get_params(array ('action')), 'NONSSL'), false, 'title:'.TEXT_BUY.$name.TEXT_NOW);
        // EOF Heshokima Smart Buttons
 

Ab Zeile 423:

Code: PHP  [Auswählen]

return array ('PRODUCTS_NAME' => $array['products_name'],
                'COUNT'=>$array['ID'],
                'PRODUCTS_ID'=>$array['products_id'],
                'PRODUCTS_MODEL'=>$array['products_model'],
                'PRODUCTS_VPE' => $this->getVPEtext($array, $products_price['plain']),
                'PRODUCTS_IMAGE' => $this->productImage($array['products_image'], $image),
                'PRODUCTS_LINK' => xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($array['products_id'], $array['products_name'])),
                'PRODUCTS_PRICE' => $products_price['formated'],
                'PRODUCTS_TAX_INFO' => $main->getTaxInfo($tax_rate),
                'PRODUCTS_SHIPPING_LINK' => $main->getShippingLink(),
                'PRODUCTS_BUTTON_BUY_NOW' => $buy_now,
                // BOF Heshokima Smart Buttons
                'PRODUCTS_BUTTON_PRODUCT_MORE' => xtc_smart_button('BUTTON_PRODUCT_MORE', xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($array['products_id'], $array['products_name'])), false, ''),
                // EOF Heshokima Smart Buttons
                'PRODUCTS_SHIPPING_NAME'=>$shipping_status_name,
                'PRODUCTS_SHIPPING_IMAGE'=>$shipping_status_image,
 

Dies sind die Änderungen der product.php. Vielleicht können die Profis mich ja aufklären, ob ich richtig oder falsch liege.  

Vielen Dank
Gruss

[hedon02]

Ich habe gerade festgestellt, dass der oben beschriebene Fehler nichts mit den Smart Buttons zu tun hat.
Die Buttons funktionieren perfekt. Sehr schönes Modul, vielen Dank für die Mühen.

Gruss

[Rednick]

Hallo,

gibt es zu diesem Thema denn schon etwas neues?

Ich hadere immer etwas mit mir den halben Shop um zu bauen und dann beim Updaten wieder einen Mehraufwand zu haben.

Gibt es denn schon einen Plan diese Funktion fest in den modified eCommerce Shopsoftware einzubauen?

Ich finde das für alle Seiten sehr viel einfacher. Erstens können die Buttons mit CSS ohne Probleme global gestyled werden, mit CSS3 auch Verläufe und abgerundete Ecke etc.

Und in einer extra "lang" Datei die Beschriftung der Buttons.

Somit gehen Templateänderungen und Anpassungen viel schneller, ich hebe mir das nervige Buttons in Photoshop neu bauen immer bis zum Schluss auf. ^^

[p3e]

 

[h-h-h]

Das wird mit ganz bestimmt gemacht, habe da einen Ansatz, den ich mal mit dem Team besprechen müsste.

Gruß

h-h-h

[polyorgshops]

Das Modul ist genial, Riesenlob an den Entwickler. 

Jedoch wäre es meiner Meinung nach noch besser, wenn die Icons aus einem backgroundsprite geladen werden würden, dann könnte man denen z.B. auch 'nen hover-effekt geben.

[polyorgshops]

Folgendes sollte noch zur CSS hinzugefügt werden:

Code: CSS  [Auswählen]

/* Firefox padding fix*/
.smartbutton::-moz-focus-inner {
        border: none;
}
/* Safari & Chrome margin fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
        .smartbutton span {
                margin-top: -1px;
        }
}

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

[Tomcraft]

Danke für den Fix!

Grüße

Torsten