Antwort #5 am: 05. Oktober 2009, 11:55:44
Also ich bin dagegen, ich hab diverser Varianten probiert und alle haben Ihre Problemchen ich hab da ne einfachere Variante und es muss nur das Template minimal geändert werden.
Ferner öffnet sich das ganze wenn js ausgeschaltes ist also braucht man kein "Fallback"
Kannst du gerne testen
hier die Änderungen
einfügen in die:
/templates/xtc5/javascript/general.js.php
<script type
="text/javascript">$
(document
).ready
(function(){ //hide the all of the element with class msg_body $
(".msg_body").hide
(); //toggle the componenet with class msg_body $
(".msg_head").click
(function(){ $
(this
).next(".msg_body").slideToggle
(300); });});</script> Einfügen in
/templates/xtc5/stylesheet.css
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background: #FFFEF2;
border-style:solid;
border-width: 0px 1px 0px 1px;
border-color: #FFFEF2;
margin:1px;
color: #505050;
font-size: 12px;
font-weight: bold;
}
.msg_body {
padding: 5px 10px 15px;
background-color: #FFFEF2;
}
Dann noch die Entsprechenden Passagen ändern in
/templates/xtc5/module/product_info/product_info_vx.html
<div class="msg_list">
{if $PRODUCTS_DESCRIPTION !=''}<p class="msg_head">Details</p><div class="msg_body">{$PRODUCTS_DESCRIPTION}</div>{/if}
{if $more_images|@count> 0}<p class="msg_head"> Weitere Bilder</p><div class="msg_body">
<!-- More Pictures --><div class="morepics">{foreach item=more_images_data from=$more_images} <a class="thickbox" rel="{$PRODUCTS_ID}" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>{/foreach}
<div style="clear:both;"></div>
</div></div>{/if}
{if $PRODUCTS_DATE_AVAILABLE != ''}<p class="msg_head">Erhältlich ab</p><div class="msg_body">{$PRODUCTS_DATE_AVAILABLE}</div>{/if}
{if $MODULE_products_media != ''}<p class="msg_head">Media</p><div class="msg_body">{$MODULE_products_media}</div>{/if}
{if $MODULE_products_reviews != ''}<p class="msg_head">Produkt Bewertungen</p><div class="msg_body">{$MODULE_products_reviews}</div>{/if}
{if $MODULE_cross_selling != ''}<p class="msg_head">Empfohlene Produkte</p><div class="msg_body">{$MODULE_cross_selling}</div>{/if}
{if $MODULE_reverse_cross_selling != ''}<p class="msg_head">Passende Produkte</p><div class="msg_body">{$MODULE_reverse_cross_selling}</div>{/if}
{if $MODULE_also_purchased != ''}<p class="msg_head">Auch gekauft</p><div class="msg_body">{$MODULE_also_purchased}</div>{/if}
</div>
so noch etwas Formatieren und die ggfs. Sprachvariablen anpassen fertig.
Gruss
mantis