Ich möchte die Buttons im Shopcontent ohne Grafiken, also nur mit CSS gestalten

[rabenkinder.com]

Hallo.

Ich möchte gerne die Button aus /template/MEIN_Template/buttons/german/ gegen CSS-Buttons ersetzen.

Wo muss ich denn da ansetzen?!
Irgendwie finde ich mich da nicht zurecht.

Für Anregungen wäre ich dankbar.

Gruß Christoph



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

[rabenkinder.com]

Als Beispiel die Box Newsletter:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<div class="boxInfoRS" id="box_newsletter">
<h4>{#heading_guestnewsletter#}</h4>
 <div class="boxInfoBodyRS">
        {$FORM_ACTION}
        <p>{#text_email#}{$FIELD_EMAIL}</p>
        <p>{$BUTTON}</p>

        {$FORM_END}
        </div>
</div>

so sieht es aus:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Wie kann ich da den Button ändern?

So geht es halt mit den anderen Button weiter. Es ist höchstens eine Variable genannt, manchmal nicht einmal. Dann weiß ich nicht, wo der eigentliche Inhalt der Box definiert wird.

Wie bei der box_admin.html

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
<div class="boxInfoRS" id="box_admin">

  <h4>{#heading_admin#}</h4>

  <div class="boxInfoBodyRS">
    {$BOX_CONTENT}
  </div>

</div>

So sieht es aus:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß Christoph

[TF101]

Hallo,

die Inhalte der Boxen werden, unter anderem, in den jeweiligen php Dateien aus dem Ordner /source/boxes/ zusammengesetzt.

Dort aber die Buttons wegzunehmen, rate ich Dir dringend ab.
Grundsätzlich ist es natürlich möglich. Estelco hat es für sein Evergreen schon mal umgesetzt aber der Mann ist Profi in Sachen Programmierung. Es ist keine Aufgabe da man mal eben so schnell erledigt.

Grüße
Tom

[mantis]

Der sauberste Ansatz ist in:

/inc/xtc_image_button.inc.php

anschauen die Funktion auf CSS umschreiben(neue Datei) und jeweils in den relevanten PHP Dateien die Funktion auskommentieren und ersetzen mit deiner CSS Funktion, so kannst du wo benötigt CSS Buttons erstellen statt Imagebuttons.

Gruss
mantis

[rabenkinder.com]

Guten Morgen,
erstmal vielen Dank für Eure Antworten.

Ich habe mir nun mal die xtc_image_button.inc.php angesehen, mit den Ohren geschlackert und weiß nun, dass ich wohl wirklich die Finger davon lassen sollte.

Kommt natürlich die Frage auf, wie ich die Buttons dann am besten für mein Layout anpasse.
Wäre Fireworks ein Programm der Wahl? (Da kann man wenigstens Objekte pixelgenau anordnen.)

Gruß Christoph

[mantis]

entweder mit einem Grafikprogramm wie Fireworks es gibt aber auch online Buttongeneratoren welche gute Buttons machen diese sind geeignet für Leute die nicht viel oder gar nichts mit Grafiken am Hut haben suche mal hier im Forum es gibt einige Links ua. http://www.modified-shop.org/forum/topic.php?id=3052#post-28529

Gruss
mantis

[web4design]

[...]
Dort aber die Buttons wegzunehmen, rate ich Dir dringend ab.
[...]

Naja, eigentlich ist das sogar eine sinnvolle Änderung oder Erweiterung. Mit minimalem Verständnis von PHP und HTML + CSS sind die Buttons auch als HTML-Input ins Template zu übernehmen.

Klarer Vorteil ist dabei natürlich, dass man HTML und PHP trennt (wenn schon dann richtig, aber das Thema hatten wir schon mal, hehe). Man muss halt nicht mehr in irgendwelche PHP-Dateien um mal nen anderen Button auf einer Seite einzutragen, sondern kann das direkt im Template ändern. Sehr hilfreich für alle Designer die keine Ahnung von den PHP-Dateien haben. Zudem verringert es den Wartungsaufwand bei Updates (natürlich nur, wenn es in Modified Grundlage wäre, es ins Template auszulagern ).

Für meine Templates habe ich es z. B. geändert (trifft natürlich nur auf die Button im Templateordner zu, sonst müsste man ja den anderen Code anpassen).

Los, ich will ne Petition: Buttons im Template .

Gruß

[mantis]

Also die Idee CSS Buttons in xtc(Modified) zu integrieren ist schon älter, da reine Imagebuttons heutzutage definitiv "Old School" sind, aber leider nicht umsetzbar ohne erhebliche Änderungen im Sourcecode.

ein anderer xt:Commerce Fork hat ein CSS Button Manager (oder so ähnlich) mit diesem kann aus der Administration gewählt werden ob Image Buttons oder CSS Buttons benutzt werden sollen, ferner können die CSS Buttons im Backend gestyled werden, dieses finde ich einen sinnigen Ansatz vielleicht sogar ohne Imagebuttons.

Sowas an modified eCommerce Shopsoftware anzupassen wäre Möglich allerdings verliert man einiges an Kompatibilität mit dem Original und genau dass ist, meines Erachtens nicht Wünschenswert.

Gruss
mantis

[web4design]

[...] aber leider nicht umsetzbar ohne erhebliche Änderungen im Sourcecode.
[...]

Absolut korrekt. Da müsste schon bisschen was umgeändert werden. Es ist aber hautpsächlich Fleiß-Arbeit und keine schwierige Aufgabe.

Was ich für schlecht halte ist, die Designänderungen ins Backend zu verlagern, damit jeder daran rumfriemeln kann. Dadurch enstehen häufig die meisten Probleme, zudem stört sowas massiv bei individuellen Anpassungen (siehe Gambio   )

[...]
Sowas an modified eCommerce Shopsoftware anzupassen wäre Möglich allerdings verliert man einiges an Kompatibilität mit dem Original und genau dass ist, meines Erachtens nicht Wünschenswert.
[...]

Das mag sein, dass es aktuell noch nicht gewünscht ist. Wobei jetzt ja schon viele Module auf modified eCommerce Shopsoftware angepasst werden müssen. Denke die Zeit wird es mit sich bringen, dass es da auch noch Anpassungen gibt, hehe.

Gruß

[TF101]

Naja, eigentlich ist das sogar eine sinnvolle Änderung oder Erweiterung. Mit minimalem Verständnis von PHP und HTML + CSS sind die Buttons auch als HTML-Input ins Template zu übernehmen.

Ich habe ja auch nicht behauptet, dass es keinen Sinn macht die Buttons mit CSS zu gestalten sondern lediglich dem Nutzer abgeraten es selber zu tun.
Wenn jemand mit der internen Struktur nicht vertraut ist macht es keinen Sinn sich selbst so einer Aufgabe zu stellen.
Dass es durchaus möglich ist hat ja Estelco bereits gezeigt.

Grüße
Tom

[web4design]

[...]
Wenn jemand mit der internen Struktur nicht vertraut ist macht es keinen Sinn sich selbst so einer Aufgabe zu stellen.
[...]

Na sicha doch. Wo wären wir, wenn nur Profis versuchen Änderungen durchzuführen (ok, ja, wir hätten sicherere Anwendungen, mehr Qualität usw., aber eventuell auch weniger Aufträge, hehe).

Gruß

[rabenkinder.com]

Danke nochmal.

Habe ja nun eine richtige Diskussion vom Zaun gebrochen.

Habe meine Button nun mit dem AsButtonGen aus oben genanntem Thread gebastelt.

Gruß Christoph

[bige]

Ups bin spät dran, stand aber gerade vor dem gleichen Problem und bin auf diesen Thread gestoßen.
Bei einsprachigen Shops würde ich die Finger vom PHP lassen.

So habe ich es gelöst in der new_products_default.html:

{$module_data.PRODUCTS_BUTTON_BUY_NOW|replace:'<a':'<a class="button button_cta imgrpl"'|replace:"</a>":"In den Korb</a>"}

Dann im CSS über die Klasse imgrpl das Bild auf display:none setzen.

Damit kann man die Button komplett über das Template anpassen ohne den Core anfassen zu müssen.

Bitte Info falls hier von meiner Seite der Supergau im Shop ausgelöst wird...

P.S. das funktioniert auch bei einem <input type="image". Hier einfach via replace aus type="image" type="submit" value="In den Korb" machen

[hpzeller]

Hallo bige

Mir gefällt das Du dich um eine Lösung bemühst die nur Template basiert ist.

Noch ein Tipp:
Anstatt

Code: XML  [Auswählen]

{$module_data.PRODUCTS_BUTTON_BUY_NOW|replace:'<a':'<a class="button button_cta imgrpl"'|replace:"</a>":"In den Korb</a>"}

kann man es auch folgendermassen lösen.

Code: XML  [Auswählen]

{$module_data.PRODUCTS_BUTTON_BUY_NOW|replace:'<a':'<a class="button button_cta"'|regex_replace:'/<img(.*)\/>/':$smarty.const.IMAGE_BUTTON_IN_CART}

Damit entfällt

Dann im CSS über die Klasse imgrpl das Bild auf display:none setzen.

und es funktioniert auch bei mehrsprachigen Shops.

Gruss
Hanspeter

[hpzeller]

Noch ein Nachtrag zu meinem letzten post.

Für ein Input vom Typ 'image' z.B. in 'templates/dein_template/module/product_info/product_info_v1.html' sähe eine multilinguale CSS-Button Lösung wie folgt aus.

Code: XML  [Auswählen]

{if $ADD_CART_BUTTON}<input type="submit" class="button input-submit-button" value="{$smarty.const.IMAGE_BUTTON_IN_CART}">{/if}

Gruss
Hanspeter