Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: MODUL: CSS-Buttons

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #30 am: 09. Mai 2012, 19:45:17
    siehst´e jetzt hast sicher auch den Verlauf (Glanz).  :lol1:

    Wenn du noch Hilfe brauchst, bei den anderen Modulen, melde dich wieder.

    Gruß web0null
    Managed Server

    xxhappyxx

    • Viel Schreiber
    • Beiträge: 829
    • Geschlecht:
    Re: MODUL: CSS-Buttons
    Antwort #31 am: 10. Mai 2012, 19:12:09
    Hallo web0null,

    da ich die Idee von css-Buttons sehr sexy finde, habe ich dein Modul eingebaut. Klappte auch soweit ohne Probleme. Danke, dass du es mit uns teilst.

    Nun bin ich aber auf einen Fehler gestoßen, den ich nicht gelöst bekomme.

    Ich habe den Gutscheingenerator eingebaut und beim Klick auf den Button "Warenkorb" erfolgt die Weiterleitung zum Warenkorb, aber der Gutschein wird nicht in den Warenkorb übernommen.

    Vielleicht hast du ja eine Idee dazu.

    Gruß Thomas

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #32 am: 10. Mai 2012, 19:20:30
    Hi xxhappyxx,
    ich weiß nicht wie der Gutscheingenerator funktioniert, aber ich schätze da werden irgendwelche Parameter nicht mit übergeben.
    Hast du ein Live-Shop wo ich das sehen kann?

    xxhappyxx

    • Viel Schreiber
    • Beiträge: 829
    • Geschlecht:
    Re: MODUL: CSS-Buttons
    Antwort #33 am: 10. Mai 2012, 19:29:24
    Klasse das du dich so schnell meldest! :-)

    Leider teste ich zur Zeit immer noch lokal, sodass du es dir nicht live ansehen kannst. Dafür habe ich dir mal die entsprechende Passage aus der php-Datei kopiert.

    Code: PHP  [Auswählen]
            $product = xtc_db_fetch_array($product_query);

            if($error == false) {
                    $smarty->assign('FORM_CART_ACTION', xtc_draw_form('cart_quantity', xtc_href_link('giftvoucher.php', xtc_get_all_get_params(array ('action')).'action=add_product')));
                    $smarty->assign('ADD_QTY', xtc_draw_hidden_field('products_qty', '1').' '.xtc_draw_hidden_field('products_id', $product['products_id']));
                    $smarty->assign('ADD_CART_BUTTON', xtc_image_submit('button_in_cart.gif', IMAGE_BUTTON_IN_CART));
                    $smarty->assign('FORM_CART_END', '</form>');
            }

    und in der html-Datei steht folgender Code

    Code: XML  [Auswählen]
       <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                <tr>
                                    <td class="main" align="left">{$LINK_VORSCHAU}</td>{$FORM_END}
                                    <td class="main" align="right">{$FORM_CART_ACTION}{$ADD_QTY}{$ADD_CART_BUTTON}{$FORM_CART_END}</td>
                                </tr>
                            </table>

    Ich hatte vor deinem Modul das Beta eingebaut, damit hatte es einwandfrei funktioniert.

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #34 am: 10. Mai 2012, 19:49:21
    Da stimmt schon was nicht mit dem öffnen und dem schließen des form-tags ...{$FORM_END}.

    Ich brauch mehr Code.

    xxhappyxx

    • Viel Schreiber
    • Beiträge: 829
    • Geschlecht:
    Re: MODUL: CSS-Buttons
    Antwort #35 am: 10. Mai 2012, 20:04:49
    Daran soll es nicht scheitern. *g Code habe ich mehr als genug.

    Das ist die gesamte html-Datei und zu 99,9% original.

    Code: XML  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="gv_send"}
    <div id= content_2>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr valign="top">
                    <td class="contentsTopics">{#heading_giftvoucher#}</td>
            </tr>
    </table>
    <br />
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td valign="top" style="padding-right:10px;">
                    <table width="100%" cellspacing="10">
                     <tr>
                            <td class="main">
                                <img src="giftvoucherpreview.php" border="0" width="250"><br /><br />
                            <img src="giftvoucherpreview_big.php" border="0" width="0" height="0">
                        </td>
                    </tr>
                </table>
          </td>
            <td valign="top">
                    <table width="100%" cellspacing="0">
                        <tr>
                        <td class="main">
                                <strong>{#heading_1#}</strong><br /><br />
                            {#description_1#}
                                <br /></td>
                    </tr>
                    <tr>
                        <td>
                                {$FORM_ACTION}
                            <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                    <tr>
                                    <td class="main" colspan="2">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="main" style="width:240px;"><strong>{#input_1#}</strong></td>
                                    <td class="main">{$INPUT_TITEL}</td>
                                </tr>
                                <tr>
                                    <td class="main"><strong>{#input_2#}</strong></td>
                                    <td class="main">{$INPUT_WERT}</td>
                                </tr>
                                {if $ERROR_WERT}
                                <tr>
                                    <td class="main">&nbsp;</td>
                                    <td class="main">{$ERROR_WERT}</td>
                                </tr>
                                {/if}
                                <tr>
                                    <td class="main"><strong>{#input_3#}</strong></td>
                                    <td class="main">{$INPUT_SIGN}</td>
                                </tr>
                                <tr>
                                    <td class="main"><strong>{#input_4#}</strong></td>
                                    <td class="main">{$INPUT_EMAIL} {#input_5#}</td>
                                </tr>
                                {if $ERROR_EMAIL}
                                <tr>
                                    <td class="main">&nbsp;</td>
                                    <td class="main">{$ERROR_EMAIL}</td>
                                </tr>
                                {/if}
                                <tr>
                                    <td class="main" colspan="2">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="main" colspan="2"><strong>{#input_6#}</strong><br />{$INPUT_TEXT}<br />{#input_7#} {if $ERROR_TEXT}{$ERROR_TEXT}{/if}</td>
                                </tr>
                                <tr>
                                    <td class="main" colspan="2">&nbsp;</td>
                                </tr>
                               
                            </table>
                            <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                <tr>
                                    <td class="main" align="left">{$LINK_VORSCHAU}</td>{$FORM_END}
                                    <td class="main" align="right">{$FORM_CART_ACTION}{$ADD_QTY}{$ADD_CART_BUTTON}{$FORM_CART_END}</td>
                                </tr>
                            </table>
                        </td>
                   </tr>
                </table>
            </td>
            </tr>
    </table>
    </div>

    Das {$FORM_ACTION} ist in Zeile 31.

    Ich hoffe es hilft den Fehler einzukreisen.

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #36 am: 10. Mai 2012, 20:32:29
    Probiere das mal:
    Code: PHP  [Auswählen]
        {config_load file="$language/lang_$language.conf" section="gv_send"}
        <div id= content_2>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr valign="top">
                        <td class="contentsTopics">{#heading_giftvoucher#}</td>
               </tr>
        </table>
        <br />
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="top" style="padding-right:10px;">
                        <table width="100%" cellspacing="10">
                         <tr>
                                <td class="main">
                                    <img src="giftvoucherpreview.php" border="0" width="250"><br /><br />
                                <img src="giftvoucherpreview_big.php" border="0" width="0" height="0">
                            </td>
                        </tr>
                    </table>
              </td>
                <td valign="top">
                        <table width="100%" cellspacing="0">
                            <tr>
                            <td class="main">
                                    <strong>{#heading_1#}</strong><br /><br />
                               {#description_1#}
                                   <br /></td>
                        </tr>
                        <tr>
                            <td>
                                {$FORM_ACTION}
                                <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                        <tr>
                                        <td class="main" colspan="2">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td class="main" style="width:240px;"><strong>{#input_1#}</strong></td>
                                       <td class="main">{$INPUT_TITEL}</td>
                                    </tr>
                                    <tr>
                                        <td class="main"><strong>{#input_2#}</strong></td>
                                       <td class="main">{$INPUT_WERT}</td>
                                    </tr>
                                    {if $ERROR_WERT}
                                    <tr>
                                        <td class="main">&nbsp;</td>
                                        <td class="main">{$ERROR_WERT}</td>
                                    </tr>
                                    {/if}
                                    <tr>
                                        <td class="main"><strong>{#input_3#}</strong></td>
                                       <td class="main">{$INPUT_SIGN}</td>
                                    </tr>
                                    <tr>
                                        <td class="main"><strong>{#input_4#}</strong></td>
                                       <td class="main">{$INPUT_EMAIL} {#input_5#}</td>
                                   </tr>
                                    {if $ERROR_EMAIL}
                                    <tr>
                                        <td class="main">&nbsp;</td>
                                        <td class="main">{$ERROR_EMAIL}</td>
                                    </tr>
                                    {/if}
                                    <tr>
                                        <td class="main" colspan="2">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td class="main" colspan="2"><strong>{#input_6#}</strong><br />{$INPUT_TEXT}<br />{#input_7#} {if $ERROR_TEXT}{$ERROR_TEXT}{/if}</td>
                                   </tr>
                                    <tr>
                                        <td class="main" colspan="2">&nbsp;</td>
                                    </tr>

                                </table>
                                {$FORM_END}
                                {$FORM_CART_ACTION}
                                <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                    <tr>
                                        <td class="main" align="left">{$LINK_VORSCHAU}</td>
                                        <td class="main" align="right">{$ADD_QTY}{$ADD_CART_BUTTON}</td>
                                    </tr>
                                </table>
                                {$FORM_CART_END}
                            </td>
                       </tr>
                    </table>
                </td>
                </tr>
        </table>
        </div>

    Weiß nicht ob das geht, denn ich glaube Formulare in Tabellen ist nicht so gut, ich hab das noch nie gemacht.

    Wenn´s nicht geht gib mir auch die php Datei.

    xxhappyxx

    • Viel Schreiber
    • Beiträge: 829
    • Geschlecht:
    Re: MODUL: CSS-Buttons
    Antwort #37 am: 10. Mai 2012, 20:53:22
    Schade leider kein Erfolg. Mit der Änderung geht noch nicht einmal der "weiter" Button.  :-(

    In Anhang findest du die php-Datei.

    Gibt es eigentlich ne Möglichkeit Code aus dem Forum zu kopieren, ohne das die Zeilennummern mitgenommen werden? Ich finde das recht nervig.

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #38 am: 11. Mai 2012, 12:12:40
    Zitat
    Schade leider kein Erfolg. Mit der Änderung geht noch nicht einmal der "weiter" Button.
    sry, hatte vergessen es zu erwähnen, das der dann nicht mehr geht.

    Sollte nur ein Test werden, um es eingrenzen zu können.(es ist schwer zu helfen wenn man es nicht live sehen kann).

    Nächster Test:
    Schau mit Firebug nach welche POST Parameter übergeben werden, wenn du auf den Button "In den Warenkorb" klickst.

    Dann mach mal den Punkt 3 und 4  meiner Anleitung rückgängig, dann hast du wieder die Original Buttons.
    Jetzt müsste es wieder gehen, ...und jetzt schau nochmal mit Firebug nach welche POST Parameter übergeben werden.

    Es müsste gleich bleiben.

    Hänge mal einen Screenshot von der Seite an.

    Zitat
    Gibt es eigentlich ne Möglichkeit Code aus dem Forum zu kopieren, ohne das die Zeilennummern mitgenommen werden?

    Bei mir werden die Zeilennummern nicht mitgenommen.

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #39 am: 11. Mai 2012, 12:31:53
    Mir ist gerade aufgefallen, das der Button "In den Warenkorb" ja erst initialisiert wird wenn du auf die Vorschau geklickt hast, ist das bei dir eh so?

    ... und mit dem
    Code: PHP  [Auswählen]
    if ($_GET['action'] == 'vorschau')
    wird GET abgefragt, obwohl hier
    Code: PHP  [Auswählen]
    $smarty->assign('FORM_ACTION', '<form action="'.xtc_href_link('giftvoucher.php', 'action=vorschau', 'NONSSL').'" method="post">');

    POST übergeben wird :-?

    xxhappyxx

    • Viel Schreiber
    • Beiträge: 829
    • Geschlecht:
    Re: MODUL: CSS-Buttons
    Antwort #40 am: 11. Mai 2012, 12:49:12
    Hallo web0null,

    danke, dass du dich da so reinhängst. Ohne deine Hilfe wäre ich aufgeschmissen.

    Zu deinen Fragen, ja, es ist gewollt, dass der Kunde erst die Vorschau klicken muß, bevor er den Gutschein in den Korb legen kann.

    Hab mit FF folgenden Code ausgelesen:

    Code: PHP  [Auswählen]
    Mit Änderung:

    <td class="main" align="left">
     <span class="cssButton color_0 iconnone textButton buttonSize1">
    <span class="background_hover color_1">&nbsp;</span>
    <span class="animate_image gradient_0">&nbsp;</span>
    <span class="buttonText" title="Weiter">Weiter</span>
    <button title="Weiter" type="submit">Weiter</button>
    </span>
    </td>
     <td class="main" align="right">
     <form id="cart_quantity" method="post" action="http://www.meine seite.de/giftvoucher.php?action=add_product">
    <input type="hidden" value="1" name="products_qty">
    <input type="hidden" value="" name="products_id">
     <span class="cssButton color_0 iconleft textButton buttonSize1">
    <span class="background_hover color_1">&nbsp;</span>
    <span class="animate_image gradient_0">&nbsp;</span>
    <span class="buttonIcon" style="background-image: url(templates/erotik/buttons/cssbutton_ico/icon_add_cart.png);" title="In den Korb">&nbsp;</span>
    <span class="buttonText" title="In den Korb">In den Korb</span>
    <button title="In den Korb" type="submit">In den Korb</button>
    </span>
    <span class="buttonclear">&nbsp;</span>
    </form>
    </td>


    Ohne Änderung:

    <td class="main" align="left">
    <input type="image" title=" Weiter " alt="Weiter" src="templates/erotik/buttons/german/small_view.gif">
    </td>
     <td class="main" align="right">
     <form id="cart_quantity" method="post" action="http://www.meine seite.de/giftvoucher.php?action=add_product">
    <input type="hidden" value="1" name="products_qty">
    <input type="hidden" value="" name="products_id">
    <input type="image" title=" In den Korb " alt="In den Korb" src="templates/erotik/buttons/german/button_in_cart.gif">
    </form>
    </td>
     

    Einen screenshot habe ich auch gemacht.

    Mir ist noch was anderes aufgefallen, auf account_history_info.php wird bei mir der "Drucken" Button nicht umgewandelt. Es wird weiterhin der Alte angezeigt, der "Zurück" wird in CSS dargestellt.

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #41 am: 11. Mai 2012, 13:02:35
    Funktioniert es wenn du die Original-Buttons hast?

    Sieh dir den 3. Eintrag mal an hier: http://tinyurl.com/2wbgo9f

    Ich sehe auch das der Code nicht Valide ist, und einige Fehler vorhanden sind, das gehört zuerst mal behoben, sonst wird das nichts.

    aber ich schau noch weiter.

    In der account_history_info.php muss noch etwas geändert werden, poste ich gleich.

    xxhappyxx

    • Viel Schreiber
    • Beiträge: 829
    • Geschlecht:
    Re: MODUL: CSS-Buttons
    Antwort #42 am: 11. Mai 2012, 13:13:37
    Das habe ich gerade getestet.

    Ich habe am 25.04. den Gutscheingenerator eingebaut. Alles lief einwandfrei.

    Seit dem, habe ich nur die CSS-Buttons eingebaut, Artikel bearbeitet und Änderungen im Layout vorgenommen. Also keine Änderungen im Core. Und nun muß ich feststellen, dass der Gutschein auch mit den org. Buttons nicht mehr geht. Ich krieg ne Kriese.  :wohow:

    Ich denke, dass ich mal die Datensicherung nach dem Einbau einspielen werde und dann dein Modul nochmals einbauen werde.

    Asche auf mein Haupt und ein dickes Danke für deine Hilfe.

    Bleibt nur die Frage was mit dem "Drucken" Button los ist.

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #43 am: 11. Mai 2012, 13:18:30
     :lol1:
    Zitat
    Bleibt nur die Frage was mit dem "Drucken" Button los ist.
    Bin gerade dran :-)

    EDIT: habe die Version cssButton_v2.02 angehängt mit der Änderung (es wurde nur die "Anleitung.txt" verändert).

    Bitte an die Moderatoren, die neue Version im ersten Beitrag anzuhängen, Danke.

    Gruß web0null

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

    web0null

    • Experte
    • Beiträge: 1.998
    Re: MODUL: CSS-Buttons
    Antwort #44 am: 11. Mai 2012, 16:25:56
    Hi,
    Ich habe mir das jetzt nochmal angesehen.
    Ich habe folgendes nur aus dem Stegreif gemacht, ohne es zu testen.

    (1.) Suche in deiner "giftvoucher.html":

    Code: PHP  [Auswählen]
    <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                    <tr>
                                        <td class="main" align="left">{$LINK_VORSCHAU}</td>{$FORM_END}
                                        <td class="main" align="right">{$FORM_CART_ACTION}{$ADD_QTY}{$ADD_CART_BUTTON}{$FORM_CART_END}</td>
                                    </tr>
                                </table>

    Ersetze es mit:

    Code: PHP  [Auswählen]
    <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                    <tr>
                                        <td class="main" align="left">{$LINK_VORSCHAU}</td>
                                    </tr>
                                </table>
                                {$FORM_END}
                                {if $ADD_CART_BUTTON}
                                {$FORM_CART_ACTION}
                                <table border="0" width="100%" cellspacing="0" cellpadding="2">
                                    <tr>
                                        <td class="main" align="left"> {$ADD_QTY}{$ADD_CART_BUTTON} </td>
                                    </tr>
                                </table>
                                {$FORM_CART_END}
                                {/if}

    Info: Damit sind die Formen jetzt mal richtig getrennt, und der Warenkorb-Button wird nur angezeigt wenn man auf die Vorschau geklickt hat.

    (2.) Suche in deiner "german.php":

    Code: PHP  [Auswählen]
    define('IMAGE_BUTTON_CONTINUE', 'Weiter');

    Füge darunter ein:

    Code: PHP  [Auswählen]
    define('IMAGE_BUTTON_PREVIEW', 'Vorschau');

    Info: In den anderen Sprachdateien auch, aber das kannst eh selber.

    (3.) Suche in deiner "giftvoucher.php":

    Code: PHP  [Auswählen]
    $smarty->assign('LINK_VORSCHAU', xtc_image_submit('small_view.gif', IMAGE_BUTTON_CONTINUE));

    Ersetze es mit:

    Code: PHP  [Auswählen]
    $smarty->assign('LINK_VORSCHAU', xtc_image_submit('small_view.gif', IMAGE_BUTTON_PREVIEW));

    Wie gesagt nur aus dem Stegreif, teste mal.

    Ich weiß zwar nicht warum das vorher mit den Code-Fehlern gegangen ist, aber bitte. Da sieht man wieder mal wie gut die Browser Fehler bereinigen. Mit Validem Code ist einfach schöner zu arbeiten. :-)

    Gruß web0null

    31 Antworten
    21756 Aufrufe
    14. März 2014, 19:41:19 von hedon02
    117 Antworten
    39867 Aufrufe
    03. November 2022, 06:04:41 von esoversum
    21 Antworten
    14853 Aufrufe
    10. November 2011, 10:30:29 von Schwammakobf
    4 Antworten
    2128 Aufrufe
    24. November 2020, 09:40:09 von Hetfield
               
    anything