Jump to content
xt:Commerce Community Forum
Sign in to follow this  
BlogJack

jQuery Tabs und JQuery Carousel

Recommended Posts

Hallo,

Würde gerne auf der Startseite das jCarousel einsetzen. Wie binde ich das Script denn ein ? in der js.php habe ich es bereits hinterlegt. Nur wie steuer ich dieses an ? Würde gerne die neuen Produkte rotieren lassen. Hat jemand ne Idee ?

Desweiteren würde ich gerne weitere Produktinformationen in Tabs darstellen lassen. Eine Box (mit Editor) im Backend habe ich bereits erfolgreich angelegt. Kann die Eingaben aus dieser Box auch ausgeben lassen, leider komm ich nicht drauf wie ich die JQuery.Tabs denn ansteuern kann bzw. wie ich sagen kann, normale Produktbeschreibung in TAB1, weitere INfos in TAB2.

Würd mich über jede Info freuen.

Schönen Sonntag

Nachtrag: die JQuery.Tabs.js hab ich in der product.html inzwischen so eingebunden:

<script type="text/javascript" src="/xtFramework/library/jquery/jquery.tabs.js"></script>

{literal}

<script type="text/javascript">

$(document).ready(function(){

$(".jqueryTab > ul").tabs();

$(".jqueryTab > ul").tabs('rotate',5000);

});

</script>

{/literal}

Unklar leider nach wie vor wie ich steuern kann in welchen Tab welche Infos kommen, bzw. momentan werden noch keine Tabs angezeigt.

Edited by BlogJack

Share this post


Link to post
Share on other sites

Ich glaube soweit bin ich garnicht mehr von der Lösung mit den Tabs entfernt (naja ich sitz ja auch erst 8 Stunden dran *gg*)

Mir fehlt noch die passende CSS Datei für die jquery.tabs.js

Ist diese Datei im Standard template irgendwo vorhanden ?

Habe es vorhin mal auf komplett andere weiße probiert und habe die jQuery Scripte einfach in die product.html eingebunden, so hat es funktioniert , allerdings ging dann die Thickbox nicht mehr.

Irgendwer hat dass doch sicher schon mal mit Erfolg eingebaut. ??

Bitte helft mir. Danke

Share this post


Link to post
Share on other sites

Hallo erstmal würde mich auch für eine umsetzung mit jquery interesieren.

Bin gerade auch am basteln aber bekomme das mit dem jcarousel nicht so ganz hin kann mir jemand mal nen Tipp geben oder seine Umsetzung schildern.

Vielen Dank

Share this post


Link to post
Share on other sites

habe bereits lange zeit versucht eine jquery slideshow einzubinden, jedoch war auch hier das problem das zwar alles an ort und stelle saß, letztendlich aber das jquery einfach nicht startete trotz diverser ansteuerungsversuche über verschiedene möglichkeiten.

http://www.xt-commerce.com/forum/fragen-zur-software/79428-jquery-einbindung-anleitung-f-r-veyton.html

Share this post


Link to post
Share on other sites

was meinst du mit "jquery einfach nicht startete"?

bei mir sieht das Carousel wie ein ganz normales div aus mit bildern die in einer tabelle (also 2x2) angeordnet sind.

Ist echt schade das es anscheinend nicht funktioniert, gäbe einige super sachen welche man mit jquery realisieren kann (Slideshow gehört garantiert dazu)

Share this post


Link to post
Share on other sites

ok, verstehe das ist immerhin schon mal besser als was ich hinbekommen habe - irgendwelche ideen warum mein Carousel noch gar nicht nach Carousel aussieht?

Ich hab mir jetzt mal intensiver mit den jquery Tabs auseinandergesetzt und es schon beinahe komplett implementiert.

Das einzige Problem was ich noch habe ist das in den Tabs die komplette Seite geladen wird und nicht nur in meinen Fall die Produktkategorie.

Weist du wie ich es schaffe das in den Tabs nur einzelne Produkte sehen (und nicht mein ganzer shop angezigt wird) ?

Edited by dragon_0000

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...