Automatisches Öffnen des Dropdowns in Artikeldetailansicht deaktvieren (Azure)

Hallo,

kann mir einer sagen wie/wo ich das automatischen Ausklappen des Dropdowns bei erstmaligem Öffnen der Artikeldetailansicht beim Template Azure deaktiveren kann?

Anbei ein Screenshot zur Veranschaulichung.

Finde es ziemlich nervig, zumal es wichtige Informationen verdeckt.

Vielen Dank.

Hallo,

such mal nach [I]class=“selector corners FXgradBlueDark selected”[/I], ich glaub, der ist dafür verantwortlich.
Nur mal so aus Neugierde: Warum willst Du das denn weghaben? Wenn es nicht ausklappt, findet die Funktionen doch niemand. Ich finde das persönlich zwar ungewöhnlich aber nicht schlecht gelöst.

Gruß

Wir haben das mit “Klick” ersetzt.

[QUOTE=Marco Steinhaeuser;75802]Hallo,

such mal nach [I]class=“selector corners FXgradBlueDark selected”[/I], ich glaub, der ist dafür verantwortlich.
Nur mal so aus Neugierde: Warum willst Du das denn weghaben? Wenn es nicht ausklappt, findet die Funktionen doch niemand. Ich finde das persönlich zwar ungewöhnlich aber nicht schlecht gelöst.

Gruß[/QUOTE]

Weil wir intern als auch externe Tester es als sehr störend empfunden haben.

Kannst du mir genau sagen in welcher Datei das steht? Oder einen Tipp geben wie ich alle Datei-Inhalte nach deinem Vorschlag durchforsten lassen kann?

Danke Dir.

[QUOTE=rubbercut;75828]Wir haben das mit “Klick” ersetzt.[/QUOTE]

Verstehe ich nicht.
Mit php/js kann ich leider gar nichts anfangen!

[QUOTE=best-protein;75876]Weil wir intern als auch externe Tester es als sehr störend empfunden haben.[/QUOTE]
Dann haben die Usability-Test bei Oxid wohl das Gegenteil festgestellt. Nunja, frag 2 Experten und du bekommst 3 mögliche Lösungen.

[QUOTE=best-protein;75876]
Kannst du mir genau sagen in welcher Datei das steht? Oder einen Tipp geben wie ich alle Datei-Inhalte nach deinem Vorschlag durchforsten lassen kann?
[/QUOTE]
Entfern doch bitte mal folgenden Abschnitt aus der “oxarticleactionlinksselect.js”


//if user comes first time to details shows action links box
//and sets to cookie, not to show it later             
if ($("#showLinksOnce").length > 0) {                  $("ul.actionLinks").slideDown('normal').delay(2000).slideUp('normal', function(){                       
document.cookie = "showlinksonce=1; path=/";                  });              }   

Ist allerdings ungetestet!

[QUOTE=ChristophH;75880]Dann haben die Usability-Test bei Oxid wohl das Gegenteil festgestellt. Nunja, frag 2 Experten und du bekommst 3 mögliche Lösungen.

Entfern doch bitte mal folgenden Abschnitt aus der “oxarticleactionlinksselect.js”


//if user comes first time to details shows action links box
//and sets to cookie, not to show it later             
if ($("#showLinksOnce").length > 0) {                  $("ul.actionLinks").slideDown('normal').delay(2000).slideUp('normal', function(){                       
document.cookie = "showlinksonce=1; path=/";                  });              }   

Ist allerdings ungetestet![/QUOTE]

Im Endeffekt ist es Geschmackssache. Habe ja auch nicht viele Leute gefragt und auch nur in meiner Altersklasse.

Das Entfernen des Codes bewirkt zwar, dass das Dropdown nicht mehr automatisch geöffnet wird, aber funktioniert es danach im IE 9 und Chrome generell nicht mehr ;). Im Firefox geht es sogar noch …

Hast du vielleicht noch eine Idee?

[QUOTE=best-protein;75901]…

Hast du vielleicht noch eine Idee?[/QUOTE]

also den Code dafür findest du in der productmain.tpl (azure)

[{* Actions select list: to listmania and etc. *}]
[{if $smarty.cookies.showlinksonce ne “1”}]
<div id=“showLinksOnce”></div>
[{/if}]

        [{block name="details_productmain_productlinksselector"}]
            &lt;a class="selector corners FXgradBlueDark" href="#" id="productLinks"&gt;&lt;img src="[{$oViewConf-&gt;getImageUrl('selectbutton.png')}]" alt="Select"&gt;&lt;/a&gt;
            &lt;ul class="actionLinks corners shadow"&gt;
                [{block name="details_productmain_productlinks"}]
                    [{if $oViewConf-&gt;getShowCompareList() }]
                        &lt;li&gt;&lt;span&gt;[{oxid_include_dynamic file="page/details/inc/compare_links.tpl" testid="" type="compare" aid=$oDetailsProduct-&gt;oxarticles__oxid-&gt;value anid=$oDetailsProduct-&gt;oxarticles__oxnid-&gt;value in_list=$oDetailsProduct-&gt;isOnComparisonList() page=$oView-&gt;getActPage() text_to_id="PAGE_DETAILS_COMPARE" text_from_id="PAGE_DETAILS_REMOVEFROMCOMPARELIST"}]&lt;/span&gt;&lt;/li&gt;
                    [{/if}]
                    &lt;li&gt;
                        &lt;span&gt;&lt;a id="suggest" rel="nofollow" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl=suggest" params="anid=`$oDetailsProduct->oxarticles__oxnid->value`"|cat:$oViewConf-&gt;getNavUrlParams() }]"&gt;[{ oxmultilang ident="PAGE_DETAILS_RECOMMEND" }]&lt;/a&gt;&lt;/span&gt;
                    &lt;/li&gt;
                    [{if $oViewConf-&gt;getShowListmania()}]
                        &lt;li&gt;
                            &lt;span&gt;
                                [{if $oxcmp_user }]
                                    &lt;a id="recommList" rel="nofollow" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl=recommadd" params="aid=`$oDetailsProduct->oxarticles__oxnid->value`&anid=`$oDetailsProduct->oxarticles__oxnid->value`"|cat:$oViewConf-&gt;getNavUrlParams() }]"&gt;[{ oxmultilang ident="PAGE_DETAILS_ADDTORECOMMLIST" }]&lt;/a&gt;
                                [{ else}]
                                    &lt;a id="loginToRecommlist" rel="nofollow" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl=account" params="anid=`$oDetailsProduct->oxarticles__oxnid->value`"|cat:"&sourcecl="|cat:$oViewConf-&gt;getActiveClassName()|cat:$oViewConf-&gt;getNavUrlParams() }]"&gt;[{ oxmultilang ident="PAGE_DETAILS_LOGGINTOACCESSRECOMMLIST" }]&lt;/a&gt;
                                [{/if}]
                            &lt;/span&gt;
                        &lt;/li&gt;
                    [{ /if}]
                    [{if $oxcmp_user }]
                        &lt;li&gt;&lt;span&gt;&lt;a id="linkToNoticeList" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl="|cat:$oViewConf-&gt;getActiveClassName() params="aid=`$oDetailsProduct->oxarticles__oxnid->value`&anid=`$oDetailsProduct->oxarticles__oxnid->value`&fnc=tonoticelist&am=1"|cat:$oViewConf-&gt;getNavUrlParams() }]" rel="nofollow"&gt;[{ oxmultilang ident="PAGE_DETAILS_ADDTONOTICELIST" }]&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
                    [{else}]
                        &lt;li&gt;&lt;span&gt;&lt;a id="loginToNotice" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl=account" params="anid=`$oDetailsProduct->oxarticles__oxnid->value`"|cat:"&sourcecl="|cat:$oViewConf-&gt;getActiveClassName()|cat:$oViewConf-&gt;getNavUrlParams() }]" rel="nofollow"&gt;[{ oxmultilang ident="PAGE_DETAILS_LOGGINTOACCESSNOTICELIST" }]&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
                    [{/if}]
                    [{if $oViewConf-&gt;getShowWishlist()}]
                        [{if $oxcmp_user }]
                            &lt;li&gt;&lt;span&gt;&lt;a id="linkToWishList" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl="|cat:$oViewConf-&gt;getActiveClassName() params="aid=`$oDetailsProduct->oxarticles__oxnid->value`&anid=`$oDetailsProduct->oxarticles__oxnid->value`&fnc=towishlist&am=1"|cat:$oViewConf-&gt;getNavUrlParams() }]" rel="nofollow"&gt;[{ oxmultilang ident="PAGE_DETAILS_ADDTOWISHLIST" }]&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
                        [{else}]
                            &lt;li&gt;&lt;span&gt;&lt;a id="loginToWish" href="[{ oxgetseourl ident=$oViewConf-&gt;getSelfLink()|cat:"cl=account" params="anid=`$oDetailsProduct->oxarticles__oxnid->value`"|cat:"&sourcecl="|cat:$oViewConf-&gt;getActiveClassName()|cat:$oViewConf-&gt;getNavUrlParams() }]" rel="nofollow"&gt;[{ oxmultilang ident="PAGE_DETAILS_LOGGINTOACCESSWISHLIST" }]&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
                        [{/if}]
                    [{/if}]

und die css sieht wie folgt aus:

.actionLinks {
display: none;
float:right;
background: #none;
text-transform: uppercase;
font-size: 11px;
border: 0px solid #979797;
line-height: 13px;
margin-left: 10px;
padding: 3px 5px;
z-index: 12;
width: 200px;
}

ich habe “das Ding” ebenfalls umgemodelt und die Links “dauersichtbar” gemacht. dafür habe ich

in der tpl die ersten Zeilen entfernt

[{if $smarty.cookies.showlinksonce ne “1”}]
<div id=“showLinksOnce”></div>
[{/if}]



und in der css 


> display: none;
 

in 

> display: block;
 geändert.

führte bei mir zum Erfolg. Vielleicht würden es Profis anders machen...

[QUOTE=ChristophH;75880]Dann haben die Usability-Test bei Oxid wohl das Gegenteil festgestellt. Nunja, frag 2 Experten und du bekommst 3 mögliche Lösungen.

Entfern doch bitte mal folgenden Abschnitt aus der “oxarticleactionlinksselect.js”


//if user comes first time to details shows action links box
//and sets to cookie, not to show it later             
if ($("#showLinksOnce").length > 0) {                  $("ul.actionLinks").slideDown('normal').delay(2000).slideUp('normal', function(){                       
document.cookie = "showlinksonce=1; path=/";                  });              }   

Ist allerdings ungetestet![/QUOTE]

wie baue ich das so um, dass das dropdown bei klick kommt/verschwindet?

ok, habs selber gelöst


            $("#productLinks").mouseenter(function() {
                if (! $(this).hasClass("selected") ) {
                    self.showLinks(arrow);
                }
                return false;
            });

statt mouseenter -> klick

hm … dann funktioniert leider die Kommentarfunktion nicht mehr.
Hat jemand das gleiche Problem oder vielleicht eine Lösung?

edit:
click statt klick :wink:

Hi … schon eine Lösung gefunden?! Ich persönlich fänd es auch schöner, wenn beim anklicken das “dropdown menue” erscheint!

So wie hier (ich hoffe man darf links posten)

Fänd ich eine TOPsache, wenn das geht!

Hmmm …
kann den wirklich niemand im moment sagen/schreiben, wie man dem Dropdownmenue im Artikeldetail dazu bringen kann “NICHT” immer wieder automatisch zu reagieren?

Das ist nämlich wirklich ein wenig nervend, wenn man immer wieder warten muss bis das Menue wieder weg ist, wenn man was lesen will!

LG
JMC

[QUOTE=JMC;117344]Hmmm …
kann den wirklich niemand im moment sagen/schreiben, wie man dem Dropdownmenue im Artikeldetail dazu bringen kann “NICHT” immer wieder automatisch zu reagieren?

Das ist nämlich wirklich ein wenig nervend, wenn man immer wieder warten muss bis das Menue wieder weg ist, wenn man was lesen will!

LG
JMC[/QUOTE]

Habs bei mir so gelöst:

oxarticleactionlinksselect.js:49 so abändern


$("#productLinks").css({
                "top": el.position().top - 3,
                "left": targetWidth + el.position().left + 10
            }).click(function(){
                if ( $(this).hasClass("selected") ) {
                    self.hideLinks(arrow, arrowSrc);
                } else {
                    self.showLinks(arrow);
                }
                return false;
            });

            $("#productLinks").mouseenter(function() {
                if (! $(this).hasClass("selected") ) {
                    self.showLinks(arrow);
                }
                return false;
            });

            $("ul.actionLinks").mouseleave( function() {
                self.hideLinks(arrow, arrowSrc);
                return false;
            });

…da hast du jetzt aber den ursprünglichen code angegeben, oder?

Statt:


$("#productLinks").mouseenter(function() {
                if (! $(this).hasClass("selected") ) {
                    self.showLinks(arrow);
                }
                return false;
});

Müsste es heissen:


 $("#productLinks").click(function() {
                if (! $(this).hasClass("selected") ) {
                    self.showLinks(arrow);
                }
                return false;
 });

…dann bekommt mein auch keinen Fehler in der Kommentar-Funktion…