Antwort #10 am: 11. März 2011, 06:07:49
Ok, hab's hinbekommen. Danke für den Hinweis auf jQuery UI Accordion.
Und so geht's:
1. jQuery UI Accordion donwloaden:
http://jqueryui.com/downloadIch habe nur Core, Widget und Accordion ausgewählt, keine Theme
2. Die Datei jquery-ui-1.8.10.custom.min.js in den Javascript Ordner in Templates kopieren
3. Änderung an der Datei general.js.php im Template / Javascript Ordner:
<?phpif (strstr($PHP_SELF, FILENAME_CHECKOUT_PAYMENT
)) {?><script src="
<?php echo 'templates/'.CURRENT_TEMPLATE
; ?>/javascript/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
//$(document).ready(function() {
// $("#accordion").accordion();
//});
var setChecked = function(oThis) {
setTimeout(function(){
$(oThis).attr("checked","checked");
},10);
};
$(function() {
$("#accordion").accordion({
collapsible: false ,
change: function(event, ui) {
setChecked ($("input",ui.newHeader)); }
});
//$("#accordion h3 input").css("margin-left","50px");
$("#accordion h3 input").eq(0).attr("checked","checked");
});
</script>
<?php}?> 4. Die Datei checkout_payment_block.html im Module Ordner im Template:
<div id="accordion">
{foreach name=aussen item=module_data from=$module_content}
<h3><a href="#">{$module_data.selection} {$module_data.module} {$module_data.module_cost}</a></h3>
{if $module_data.description!=''}
<div id="{$module_data.module}">
{$module_data.description}<br />
</div>
{/if}
{if $module_data.error!=''}
<div>
{$module_data.error}
</div>
{elseif $module_data.fields}
<div>
<table border="0" cellspacing="0" cellpadding="0">
{foreach name=aussen item=method_data from=$module_data.fields}
<tr>
<td>{$method_data.title}</td>
<td> </td>
<td>{$method_data.field}</td>
<td> </td>
</tr>
{/foreach}
</table>
</div>
{/if}
{/foreach}
</div>