jQuery Tabs machen Probleme in Verbindung mit Zoom Bild

Deutsches Forum
1

Hallo!

Erstmal nachträgliche frohe Weihnachten, ich hoffe ihr habt ein paar schöne Feiertage gehabt!

Jedenfalls hab ich mich wieder rangesetzt. Ich habe damals beim Shop Design alles unnötige ( also für die Produktpalette unrelevant ) rausgemacht um alles etwas einfacher darzustellen.

Jetzt können doch Attribute eingesetzt werden, und ich bin gerade dabei das sauber darzustellen - mit Hilfe von Tabs / Registerkarten in der Artikeldetailseite.

Eigentlich relativ klassisch, 2 Registerkarten mit jeweils Beschreibung und eine mit Spezifikationen. Klappt auch alles, also hab alles richtig implementiert, nur eine Sachen stört sich offensichtlich gegenseitig:

Wenn ich in der Artikeldetailseite ( wo die Tabs jetzt drin sind ) ein Bild zoome und dann entweder durch die verschiedenen Bilder durchklicke oder das Zoombild schließe, schließt sich auch das Tab.

Das nötige Script für das Tab ist folgendes:

<script type="text/javascript"> 
 
$(document).ready(function() {
 
	//Default Action
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
	
	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});
 
});
</script>

Und ich denke das “[B]return false;[/B]” macht das Problem, weil im Zoom Template auch ein false zurpckgegeben wird. Wenn ich das beim JS der tabs rausnehme springt der immer zu der horizontalen Stelle im Browser - SEHR unschick!

Jetzt die Frage ob wer einen Kniff hat wie ich das Problem lösen kann. Also ich würd gerne die jQuery Tabs verwenden weil ich die Tabs sehr gutaussehend find und im Vergleich zu einfachen JavaScripten ich die schicker find.

Ich habe folgende Tabs benutzt: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

Shop-Version ist 4.3 CE

Falls wer Hilfe benötigt die Tabs zu implementieren helfe ich gerne.
Freue mich über Hilfe!

Niklas

2

Ich hab weiter getestet und selbst ein kleines Script mit jQuery geschrieben, damit blendet man einen Bereich einfach ein / aus und beinhaltet ebenfalls ein return false - behält den Fokus im Browser - und stört sich nicht im geringsten mit dem OXID Zoom / Bildwechsel.

Keiner einer Idee wieso das Script von oben nicht mit den OXID Scripten harmoniert? :confused:

Mein Script:

<script>
$(“.attribut_box”).hide();
$(“.spezifikationen”).click(function () {
$(“.attribut_box”).toggle();
return false;
});
</script>

Die div class Spezifikationen enthält den Link, und beim Klick wird der div bereich der attribut_box ein bzw. ausgeblendet. Das wars auch.

Ich find die Variante mit den Registerkarten aber DEUTLICH schicker und benutzerfreundlicher als diese Variante …

Wenn wer Hilfe hat würd ich mich extremst freuen!
Gute Nacht!

Niklas

3

[QUOTE=Niklas;47068]Wenn ich in der Artikeldetailseite ( wo die Tabs jetzt drin sind ) ein Bild zoome und dann entweder durch die verschiedenen Bilder durchklicke oder das Zoombild schließe, schließt sich auch das Tab.[/QUOTE]
Im FireBug kann man Breakpoints setzen wenn sich ein bestimmtes Attribut eines Elements ändert.

Damit müsste man den Übeltäter finden, der das Tab ausschaltet…

Ist die Seite online? Link?

4

Hi! Manchmal lohnt es sich nicht immer zwischen 2 und 4 Uhr nachts / morgens noch zu arbeiten …

Ich habe gesehen, dass der Close Knopf auf die selbe CSS Klasse zugreift wie meine Registerkarten ( ul.tabs ) und das hat böööse Auswirkungen gehabt, dämlicher Fehler …

Das ist manchmal der Mist wenn man fremd-codes einfach erst einfügt.
Jedenfalls hat die Umbenennung der Klassen, des Codes und der Scripte bewirkt das es jtzt läuft :slight_smile:

Vielen Dank für den FireBug Tipp, wusste nicht das man so schön damit debuggen kann! Der Tipp war ausschlaggebend das ich mir den Close Knopf genauer angeguckt hab :slight_smile:

Danke und schöne Grüße!
Falls wer was ähnliches implementieren will kann mich gerne anschreiben.

Schöne Grüße,
Niklas

5

Hallo,
ich würde gerne in das basic template in der detail seit auch die tabs einbauen. Kannst du mir helfen?

Gruß Harry