JOOMLA Plugin funktioniert nicht in Produktbeschreibung

Herzlich Nordisch · 26. Oktober 2023

Moin zusammen!

Ich verwende im Shop für eine Kundin das Tabs & Accordions Plugin von Regular Labs in der Produktbeschreibung (lang).

Beim ersten Aufruf erscheint alles korrekt. Sobald aber die Produktnavigation verwendet wird, funktioniert das nicht mehr.

Ich habe beim Anbieter (Peter van Westen) ein Ticket eröffnet und folgende Antwort erhalten:

Tabs randomly switch to accordions

The navigation loads new content via ajax, and does not re-initiate the Tabs & Accordions scripts.
So unless VM gives you a possibility to trigger scripts when loading new content, you won't be able to use Tabs & Accordions in its content.

Habe ich bisher so noch nicht gehabt. Kann ich das entsprechend konfigurieren?

Danke für jeden Tipp

StefanSTS · 27. Oktober 2023

Servus,

da muss man ein wenig eigenes JavaScript schreiben, würde ich sagen.

Wenn Ajax fertig ist, muss diese tab script neu aufgerufen werden.

Vielleicht macht es mehr Sinn, die Tabs über einfaches CSS zu bauen und auf JavaScript zu verzichten.

Such mal nach CSS3 Tabs und Accordion bei Google. Vielleicht stößt Du auf eine Anleitung bei CSS Tricks.

Grüße

Stefan

Herzlich Nordisch · 22. Januar 2024

Falls jemad über das gleiche Problem stolpert:Das Tabs & Accordions Plugin funktioniert in Virtuemart, wenn im Override für das Template "Produktdetails" im Bereich "spacer-buy-area" folgender Code hinzugefügt wird:

Code

<script>
// Funktion zum Neuladen der JS-Datei
function loadScript(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url;
// Cross-Browser-Kompatibilität für das Ladenereignis des Skripts script.onreadystatechange = callback; script.onload = callback;
// Entferne das alte Skript, falls vorhanden, und füge das neue hinzu var oldScript = document.querySelector('script[src="' + url + '"]'); if (oldScript) { document.head.removeChild(oldScript); } document.head.appendChild(script);
}
// URL der zu ladenden Skriptdatei
var scriptUrl = '/media/tabsaccordions/js/script.min.js';
// Funktion zum Aufrufen der init-Funktion, nachdem das Skript geladen wurde
function initAfterLoad() { if (typeof RegularLabs !== 'undefined' && RegularLabs.TabsAccordions && RegularLabs.TabsAccordions.init) { RegularLabs.TabsAccordions.init(null); } else { console.error('RegularLabs.TabsAccordions ist nicht definiert.'); }
}
// Laden des Skripts und Ausführen der Initialisierungsfunktion
loadScript(scriptUrl, initAfterLoad);
</script>

Alles anzeigen

Cheers

SirBoerky · 23. Januar 2024

....habe meinen Post gelöscht

JOOMLA Plugin funktioniert nicht in Produktbeschreibung

Tabs randomly switch to accordions

Herzlich Nordisch 22. Januar 2024

Tags