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:
<?phpif (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:
<?phpif (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:
$selection[$i]['radio_buttons'] = $radio_buttons;
if (($selection[$i]['id'] == $payment) || ($n == 1)) {
$selection[$i]['checked'] = 1;
}
danach das hier einfügen:
if (($selection[$i]['id'] == $_SESSION['payment'])) {
echo '<script type="text/javascript">var payment_selected="' . $radio_buttons . '"</script>';
}
suche das hier:
$selection[$i]['selection'] = xtc_draw_radio_field('payment', $selection[$i]['id'], ($selection[$i]['id'] == $_SESSION['payment']));
ersetze es mit dem hier:
$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:
<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