CSS | Mouseover für SpecCatBox

Deutsches Forum
1

Grüß Euch werte Community,

ich hab das Azure-Theme leicht umgebaut, und statt des Bargain-Artikels eine zweite Promo-Kategorie eingebaut. Funktionierte durch die neue Klasse SpecCatBoxLeft soweit auch wie gewünscht.

Jetzt hab ich allerdings das Problem, dass der Mouseover (“Alle Produkte ansehen”) nur funktioniert wenn die DIV-ID “SpecCatBox” lautet.

Hab sämtliche Änderungen vorgenommen, aber da ich in Sachen Design wahrlich kein Held bin, stehe ich nun mit meinem Latein am Ende.

Ich vermute es ist ein kleiner blöder Fehler in Sachen Vererbung.

Vielleicht weiß einer Rat… zu sehen hier:
http://www.wp11197867.server-he.de/www/livetest/

Besten Dank!

2

Hat nix mit CSS zu tun…

Erst einmal darf eine ID nicht doppelt vergeben werden.
Sowas geht also nicht:


<div id="specCatBox" class="specCatBoxLeft">
                    <h2 class="sectionHead">Sport- & Sonnenbrillen</h2>
                    <a href="https://www.velo-store.de/Helme-Brillen/Brillen/" class="viewAllHover glowShadow corners"><span>Alle Produkte ansehen</span></a>
                    <img src="out/pictures/generated/category/promo_icon/370_107_75/startteaser_brillen.png" alt="Kinder / Jugendhelme">
                </div>

				
	
		
                <div id="specCatBox" class="specCatBox">
                    <h2 class="sectionHead">Kinder / Jugendhelme</h2>
                    <a href="http://www.wp11197867.server-he.de/www/livetest/Helme-Brillen/Helme/Kinder-Jugendhelme/" class="viewAllHover1 glowShadow corners"><span>Alle Produkte ansehen</span></a>
                    <img src="http://www.wp11197867.server-he.de/www/livetest/out/pictures/generated/category/promo_icon/370_107_75/startteaser_kinder.png" alt="Kinder / Jugendhelme">
                </div>

Und daher wird auch der Konflikt kommen.

Zweitens wird das PopUp per JavaScript definiert und das muss angepasst werden:

[{oxscript add="$( '#specCatBox' ).oxCenterElementOnHover();" }]
3

Grüß Dich Jaiprucl,

herzlichen Dank! Manchmal sieht man vor lauter Bäumen selbst den lichtesten Wald nicht mehr :slight_smile:

Das mit der ID wusste ich, dass die Beiden wieder gleich waren ist ein Überbleibsel vom Ausprobieren.

Hab die ersten Zeilen aus der start.tpl nicht beachtet.

€: Vielleicht kannst du mir bei meinem zweiten Problem auch noch einen Tipp geben. Ich hab den Royalslider eingebaut, bei jedem Slide “springen” die Artikelbilder für den Bruchteil einer Sekunde. Zumindest im Chrome.
Wird wohl auch wieder an JS bzw. JQuery liegen vermute ich.

4

Ich könnte mal gucken, aber Shop ist grad Offline :stuck_out_tongue:

5

Pardon, wieder aktiv :slight_smile:

€: Auch lustig, die ersten 6 Artikel vom Listgrid springen, die letzten Beiden jedoch nicht -.-

Nachtrag: Hat sich geklärt, die Bildbreite darf nicht über 119px gehen.