Hallo Zusammen, bin heute über diesen Shop gestolper: hier mir gefällt dieses Aufspringen bei der Artikelbox wenn man drüber fährt… weiß jemand wie das funktioniert? Das ist ja scheinbar über js gemacht, über CSS würde ich das auch einigermaßen hinbekommen…aber mir gefällt hier besonders die automatische Anpassung (linksbündig beim ersten Artikel, dann mittig und dann rechtsbündig…) Ich hatte das so versucht: Beim Artikelbild hab ich folgendes ergänzt… onmouseover="document.getElementById('hover').style.display = 'block';" onmouseout="document.getElementById('hover').style.display = 'none';" und die ganzen Buttons hab ich dann in den
eingefügt… hat leider nicht gut funktioniert, beim drüberfahren erschienen die Boxen nur beim ersten Artikel bei den anderen nicht… Hat jemand Ahnung von sowas? Danke
[quote]hat leider nicht gut funktioniert, beim drüberfahren erschienen die Boxen nur beim ersten Artikel bei den anderen nicht…[/quote] Die “id” darf nur einmal im DOM vorkommen, deswegen funktioniert es nur mit dem ersten. Entweder verschiedene ID verwenden oder über Klassen realisieren. Mit jQuery geht das ganz gut
Hi, danke für die Antwort… Gibt es irgendwo ein Beispiel wie ich das machen könnte? Oder wonach könnte ich z.B. suchen? Besten Dank
Ich habe soeben das hier gefunden, jedoch kommt bei mir eine Fehlermeldung wenn ich das so mache… Was habe ich gemacht: In die /index/header.tpl folgendes: {block name="frontend\_index\_header\_javascript\_jquery" append}<script type="text/javascript">
$(document).ready(function() {
var hide = false;
$(".artbox_thumb").hover(function(){
if (hide) clearTimeout(hide);
$("#hover").fadeIn();
}, function() {
hide = setTimeout(function() {$("#hover").fadeOut("slow");}, 250);
});
$("#hover").hover(function(){
if (hide) clearTimeout(hide);
}, function() {
hide = setTimeout(function() {$("#hover").fadeOut("slow");}, 250);
});
});
</script>{/block} und in der /listing/box_article.tpl: [code] {block name=‘frontend_listing_box_article_actions’}
{block name=‘frontend_listing_box_article_actions_buy_now’} {* Buy now button *} {if !$sArticle.sConfigurator && !$sArticle.variants && !$sArticle.sVariantArticle && !$sArticle.laststock == 1} [{s name=‘ListingBoxLinkBuy’}{/s}]({url controller=‘checkout’ action=‘addArticle’ sAdd=$sArticle.ordernumber} “{s name=‘ListingBoxLinkBuy’}{/s}”) {/if} {/block} {block name=‘frontend_listing_box_article_actions_inline’} {* More informations button *} {s name=‘ListingBoxLinkDetails’}{/s} {/block}
{/block} [/code] Habe ich etwas vergessen? Ich kenn mich leider nicht so wirklich aus was js angeht… Gruß Pfiffi
Morgen zusammen, kann mir keiner helfen? Bzw. einen Tipp geben? Danke Pfiffi