MooTools Accordion hinzufügen- Smarty Fehlermeldung

[happyhour]

Ich möchte in der "main_content.html" den Accordion-Effekt einbauen (nicht im Menü, sondern als eigenständigen Bereich).

Wenn ich die "main_content.html" losgelöst vom Shop auf meinem Rechner öffne, funktioniert's.
Wenn ich den Shop jedoch aufrufe, erscheint nur diese Fehlermeldung:

Code: [Auswählen]

Fatal error: Smarty error: [main_content.html line 164]: syntax error: unrecognized tag 'new' (Smarty_Compiler.class.php, line 590)
Da sich MooTools und jQuery bekanntlich nicht gut vertragen, habe ich alle jQuery Skripte deaktiviert. Die Fehlermeldung bleibt trotzdem bestehen.

Freue mich über Lösungs-Tipps,

schönes Wochenende!



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

[DokuMan]

Was steht denn unter [main_content.html line 164]?

[GTB]

Ich möchte in der "main_content.html" den Accordion-Effekt einbauen (nicht im Menü, sondern als eigenständigen Bereich).
[...]

warum nimmst du nicht das jQueryUI Accordion dafür ?

das ist bereits im Shop vorhanden.

Gruss Gerhard

[happyhour]

in Line 164 steht:

Code: Javascript  [Auswählen]

window.addEvent('domready', function(){
new Fx.Accordion($('accordion_women'), '#accordion_women h2', '#accordion_women .content', {display: -1, alwaysHide:true});
});

mit jQuery hab ich das selbe Problem:

Code: [Auswählen]

main_content.html line 47]: syntax error: unrecognized tag: $( "#accordion" ).accordion(); (Smarty_Compiler.class.php, line 446)

[GTB]

hast du das ganze direkt in der "main_content.html" eingebunden ?

[wgner]

warum nimmst du nicht das jQueryUI Accordion dafür ?

das ist bereits im Shop vorhanden.

Gruss Gerhard

Ich hoffe meine Frage ist in diesem Thema richtig angebracht.

Ich versuche schon seit geraumer Zeit die jQuery tabs in die main_content.html einzubinden. Stelle mich hier aber scheinbar ein wenig ungeschickt an.

Ich habe in der general.js.php einfach den gesammten "tab" bereich kopiert und die php-Abfrage nach der product_info hierdurch ersetzt:

Code: PHP  [Auswählen]

if (strstr($PHP_SELF, FILENAME_DEFAULT ) && (strpos($_SERVER['REQUEST_URI'], '?') === FALSE)) {

im Anschluß habe ich einfach den html teil aus meiner product_info.html in die main_content.html kopiert. Leider werden nur die Links und der Text angezeigt, aber keine Tabs.

Der Fehler müsste doch in der general.js.php zu suchen seien, oder?

Danke Florian

[GTB]

Sorry, aber dafür wurde ich nicht die "main_content.html" nehmen.

Sag uns mal was du eigentlich vorhast.

Gruß Gerhard

[wgner]

Danke Gerhard,

ich wollte eigentlich "nur" die Tabs welche in der "product_info.html" mit verschiedenen Inhalten (weitere Produktbilder, Cross-Selling) genutzt werden auf die Startseite einbinden.

Da ich auf der Startseite viele Texte und Bilder habe um meine Produkte zu erklären ist diese recht unübersichtlich. Ich wollte daher unterhalb des Textes aus der Datenbank die Tabs einbinden. Diese wollte ich in der "main_content.html" mit html formatiertem Text und diversen Bildern befüllen.

Leider kann ich dir keinen Link zum Shop geben, da dieser aktuell nur lokal verfügbar ist.

Bis dahin
Florian

[GTB]

füge das hier in deiner "/templates/xtc5/javascript/general.js.php" ein:

Code: PHP  [Auswählen]

<?php
if (strstr($PHP_SELF, FILENAME_DEFAULT)) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
        $(function() {
                $("#tabbed_main_content").tabs();

        });
</script>
<?php
}
?>
 

in deiner "/templates/xtc5/css/general.css.php" das hier:

Code: PHP  [Auswählen]

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

damit hast jetzt mal die Voraussetzung geschaffen dass du auf der Startseite die notwendigen Libs zur Verfügung hast.

Was du jetzt noch machen musst, ist den HTML Code zu erstellen nach dem Schema:

Code: PHP  [Auswählen]

<div id="tabbed_main_content">
  <ul>
    <li><a href="#tab_1">Das ist Tab 1</a></li>
    <li><a href="#tab_2">Das ist Tab 2</a></li>
  </ul>

  <div id="tab_1">das ist der Inhalt des ersten Tabs</div>
  <div id="tab_2">und das der des 2ten</div>
</div>
 

ob du das nun in der "main_content.html" machst oder nicht sollte dann egal sein.

Gruss Gerhard

[wgner]

Vielen Dank,

das funktioniert ohne Probleme. Bin wirklich begeistert.

Danke
Florian