ANLEITUNG: Auswahl Bezahlart und jQuery UI Accordion

[GTB]

OK, wie in dem anderen Thread ("Zahlungsarten per Dropdown") angekündigt gibt es nun hier die Anleitung:

"/templates/xtc5/css/general.css.php"

das hier einfügen:

Code: PHP  [Auswählen]

<?php
if (strstr($PHP_SELF, FILENAME_CHECKOUT_PAYMENT)) {
?>
<link rel="stylesheet" href="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/css/jquery-ui.css" type="text/css" media="screen" />
<?php
}
?>

"/templates/xtc5/javascript/general.js.php"

das hier einfügen:

Code: PHP  [Auswählen]

<?php
if (strstr($PHP_SELF, FILENAME_CHECKOUT_PAYMENT)) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
  var setChecked = function(oThis) {
    setTimeout(function(){
      $(oThis).attr("checked","checked");
    },10);
  };

  $(function() {
    $("#accordion_checkout").accordion({
      header: 'ul',
      collapsible: false ,
      autoHeight: false ,
      active: false ,
      change: function(event, ui) {
        setChecked ($("input",ui.newHeader)); }
    });
    $("#accordion_checkout ul input").css("margin-left","40px");
    $("#accordion_checkout ul input").eq(parseInt(payment_selected)).attr("checked","checked");
    $("#accordion_checkout").accordion( "option", "active", parseInt(payment_selected) );
  });
</script>
<?php } ?>

"/checkout_payment.php"

suche das hier:

Code: PHP  [Auswählen]

                $selection[$i]['radio_buttons'] = $radio_buttons;
                if (($selection[$i]['id'] == $payment) || ($n == 1)) {
                        $selection[$i]['checked'] = 1;
                }

danach das hier einfügen:

Code: PHP  [Auswählen]

    if (($selection[$i]['id'] == $_SESSION['payment'])) {
      echo '<script type="text/javascript">var payment_selected="' . $radio_buttons . '"</script>';
    }

suche das hier:

Code: PHP  [Auswählen]

      $selection[$i]['selection'] = xtc_draw_radio_field('payment', $selection[$i]['id'], ($selection[$i]['id'] == $_SESSION['payment']));

ersetze es mit dem hier:

Code: PHP  [Auswählen]

      $selection[$i]['selection'] = xtc_draw_radio_field('payment', $selection[$i]['id'], ($selection[$i]['id'] == $_SESSION['payment']), 'onclick="setChecked(this);"');

"/templates/xtc5/module/checkout_payment_block.html"

Inhalt mit dem hier ersetzen:

Code: PHP  [Auswählen]

<div id="accordion_checkout">
  {foreach name=aussen item=module_data from=$module_content}
    <ul style="height:25px; padding-top:9px;">
      <li>
      <div style="float:left; width:15%">{$module_data.selection}</div>
                  <div style="float:left; width:63%;"><b>{$module_data.module}</b></div>
                  <div style="float:left; text-align:right; width:20%;">{$module_data.module_cost}</div>
                  <div style="float:left; width:2%;"> </div>
      <div style="clear:left;"></div>
      </li>
    </ul>
    <div style="clear:left;">
                {if $module_data.description}
                  <div>{$module_data.description}</div>
                {/if}
                {if $module_data.error}
                <div>{$module_data.error}</div>
                {else}
                  <table width="100%">
                        {foreach name=aussen item=method_data from=$module_data.fields}
                                <tr>
                                  <td>{$method_data.title}</td>
                                  <td>{$method_data.field}</td>
                                </tr>
                        {/foreach}
                        </table>
                {/if}
          </div>
        {/foreach}
</div>

Hier noch ein Screenshot wie es aussieht:

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

Viel Spass damit.

Gruss Gerhard

PS: CSS Anweisungen sind hier direkt über "inline-styles" gemacht. Diese können natürlich auch über die "stylesheet.css" gemacht werden.

[EDIT Tomcraft 17.05.2011: Anleitung korrigiert, Danke an sintralino für den Hinweis.]
[EDIT Tomcraft 20.10.2015: Die Umsetzung für die Versandarten ist hier zu finden: ANLEITUNG: Auswahl Versandart und jQuery UI Accordion]

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

[Tomcraft]

Sauber, Danke Gerhard!

Grüße

Torsten

[DokuMan]

Sehr schick!
Spricht was dagegen, dies ins xtc5-Template standardmäßig aufzunehmen?

[sportstourer]

Hallo Gerhard,

ich versuche jetzt mal deine Anleitung (Auf die ich ehrlich gesagt schon lange gewartet habe" zu befolgen. Mal sehen ob es es auf Anhieb klappt.

In der "stylesheet.css" kann man doch sicher noch (über "firebug" getestet) die Hintergrundfarben verändern?

MfG Micha

[GTB]

Es gibt dann noch eine erweiterte Version für die Versandkosten und Adressbücher im Checkout.

Aber das alles der Reihe nach.

Gruß Gerhard

[Tomcraft]

Sehr schick!
Spricht was dagegen, dies ins xtc5-Template standardmäßig aufzunehmen?

Grüße

Torsten

[Supimajo]

Das ist ja mal schick!
Herzlichen Dank für's teilen!

[sportstourer]

[...]
"/templates/xtc5/javascript/generell.js.php"
[...]
"/checkout_payment.php"
[...]

Du meintest sicher die "general.js.php" sowie "checkout_payment.html"? oder liege ich falsch?

Mfg Micha

[SirHelios]

Danke Danke, probiere ich gleich mal aus.

Edit: Klappt perfekt. Tausend Dank dafür!

[Tomcraft]

Du meintest sicher die "general.js.php" sowie "checkout_payment.html"? oder liege ich falsch?
[...]

Bei der "generell.js.php" war es ein Schreibfehler, richtig ist natürlich "general.js.php", den habe ich mal korrigiert, Danke für den Hinweis.

Grüße

Torsten

[GTB]

Es ist die

"/checkout_payment.php"
"/templates/xtc5/module/checkout_payment_block.html"

Gruß Gerhard

[sportstourer]

Habe die Anleitung abgearbeitet mit folgendem Ergebnis:

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

[GTB]

Die Texte änderst du in den Sprachdateien.

Hast du die "checkout_payment_block.html" komplett ersetzt oder nur erweitert ?

Diese muss ersetzt werden !

Gruß Gerhard

[MagicFire]

Habe es auch eingebaut funzt prima.

Wenn ich "Klarna" aktivire braucht die Seite 7 Sekunden bis sie geladen ist, Schalte ich es aus ist die Seite sofort da. Die "Parsentime" zeigt jeweils ca. 0.26 Sekunden an.
Woran kann das liegen?

Und vielen Dank für's bereitstellen.

Grüße Magic Fire

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

[Tomcraft]

Ich vermute, dass das Klarna Modul externe Grafiken einbindet und daher die Ladezeit verlängert. genauer kann ich es dir sagen, wenn du mir mal einen Link zu deinem Shop gibst.

Grüße

Torsten