Jump to content

Bilder bei Kategorien Menüleiste


Schlee

Recommended Posts

Hallo Zusammen

 

Leider suche ich mich Wund im Netz und finde keine Lösung

 

Ich suche entweder ein Template für Presta (falls möglich kostenlos ;)) oder Hilfe bei Code bei welchem ich bei der Menüleiste die Kategorien und allenfalls sogar die Unterkategorie zusätzlich mit einem Bild unterlegen kann.

 

Ich habe im Anhang ein Beispiel zusammengestellt, was ich genau meine.

 

Gibt es hierzu eine Anleitung oder Hilfestellung?

post-1401787-0-72197000-1495482082_thumb.jpg

 

TAUSEEEEEEND DANK im voraus

 

Gruss

 

Schlee

Link to comment
Share on other sites

Und was hält dich davon ab, das Standardtemplate dahingehend umzubauen? Das hat die von dir beschriebene Funktion doch an Bord.

Das wäre mir aber neu. Meines Wissens kann man nur maximal 3 Bilder je Hauptmenupunkt einbauen und diese nicht einzelnen Unterkategorien zuordnen.

Link to comment
Share on other sites

Salutos Zusammen,

 

Danke fürs Feedback.

 

Mega Menü Modul schaue ich mir gleich an - vielen Dank.

 

@Claudiocool: Danke für Dein Beispiel, dies zeigt es jedoch an nachdem man bereits im Menü navigiert hat.
Ich würde gerne wie beim Mega Menü Beispiel von Whiley, die Bilder in der Menü Navigationsleiste selbst drin haben.

 

Selber umbauen wäre toll, finde aber nur halbgarene Anleitungen im Netz :)

Ich möchte auch gerne ein Template erst kaufen, sofern ich mir sicher sein kann, dass dies unterstützt wird :)

Im Admin von Presta kann man sogar die Thumbnails hochladen mit dem Vermerk: "Nur sofern vom Template unterstützt".

 

Eine Idee?

 

Andere Frage, kann man hier lokale Leute anheuern, die einem (natürlich gegen richtiges Geld) kleinere Anpassungen an einem Template vornehmen? :)

 

Danke und Grüsse nach überall

 

Schlee 

 

P.S.

Kleine Ergänzung, ich suche genau dies:

 

post-1401787-0-32817500-1495568719_thumb.jpg

 

Edited by Schlee (see edit history)
Link to comment
Share on other sites

Hallo Zusammen,

 

Ich bin mittlerweile 100 EUR ärmer und habe noch immer nicht was ich wollte.

 

Ich möchte gerne in meinem Menü für jede Unter-Kategorie ein Bild, damit man die Unterkategorie gleich identifizieren kann.
 

Bestes Beispiel, siehe diese Website, wenn man auf das Menü geht: https://www.walldeco.com/de/

 

Oder man schaue das Beispiel im Anhang - Wie kriege ich das hin, welches Modul?

 

DANKEEEE

 

Schlee

post-1401787-0-51203800-1496174631_thumb.jpg

post-1401787-0-29238800-1496174640_thumb.jpg

Link to comment
Share on other sites

... ich suche genau dies:

 

attachicon.gif23-05-_2017_21-44-20.jpg

Schön, erwartest du, daß wir jetzt raten, wo du den Screenshot herhast? Du weißt ja scheinbar am ehesten selbst, wo man dieses Menu bekommt.

 

Ich bin mittlerweile 100 EUR ärmer und habe noch immer nicht was ich wollte.

Auch schön, warst du im Bordell? Oder verrätst du uns sonst, was du mit diesen 100 EUR angestellt hast?

 

Ich möchte gerne in meinem Menü für jede Unter-Kategorie ein Bild, damit man die Unterkategorie gleich identifizieren kann.

 

Bestes Beispiel, siehe diese Website, wenn man auf das Menü geht: https://www.walldeco.com/de/

Genau das scheint mit dem von Whiley empfohlenen Mega Menu, das du dir ansehen wolltest (und zu dem du dich dann nicht mehr geäußert hast), möglich zu sein, im Quellcode von walldeco.com taucht auch der Begriff mega-menu auf, es könnte also sogar genau dieses Modul sein oder eben ein anderes, auch so benanntes. Das Modul kostet auch keine 100 EUR, sondern nur 30 ...

 

Es dürfte übrigens auch kein Problem sein (wenn du nicht gerade Konkurrent bist) den Betreiber der Website zu fragen, welches Modul er verwendet.

Link to comment
Share on other sites

Salutos rictools,

 

Danke für Dein Feedback und entschuldige meine wenig präzise Fragestellung

 

1. Nein die 100 EUR habe ich nicht im Bordell sondern für das TemplateMonster Mega Menu inkl. einem Template ausgegeben. Nur um herauszufinden, dass mit diesem Mega Menu mein vorhaben nicht zu realisieren ist. Also, ich hätte demnach lieber 100 EUR im Bordell ausgegeben. :)

 

2. Der Screenshot habe ich von folgendem Addon: https://addons.prestashop.com/de/menu/20464-responsive-mega-menu-horizontalverticaldropdown-pro.html

Die Entwickler haben mir die Frage nur schwammig beantwortet - so ist es nicht gewiss ob das funktioniert...

Mega Menu gibt es diverse:
https://addons.prestashop.com/de/menu/19126-horizontal-and-vertical-mega-menu-navigation-dropdown.html

Bei keinem ist klar erwähnt oder zu erkennen, dass mein vorhaben funktionert.....

Ich könnte doch erwarten, dass man die addons irgendwo testen kann, oder kaufst du ein Auto ohne es Probe zu fahren? :)

 

Falls irgendjemand noch eine Idee hätte, dem spendier ich ein Schokoeis

 

Danke und Gruss

 

Schlee

Link to comment
Share on other sites

Selbst wenn das Menu nicht deinen Anforderungen genügt hat, hast du keine 100 EUR in den Sand gesetzt, sondern nur 30, der Rest war schließlich für das Template, das damit überhaupt nichts zu tun hat, deshalb war deine dementsprechende Aussage auch nicht nachvollziehbar.

 

"Ob das funktioniert", "dass mein Vorhaben funktioniert", wenn du jetzt mal erklären würdest, was du damit meinst und was du bei den Megamenus vermißt, wären wir ja vielleicht ein bißchen schlauer, ich sehe jedenfalls keine Anforderung, die du formuliert hättest, die nicht erfüllt wird (bzw. deine Anforderung war ja eher "so wie auf dem Screenshot soll es aussehen" und das dürfte ja sichergestellt sein (natürlich mußt du deine eigenen Fotos anfertigen und das ganze natürlich auch richtig konfigurieren ...).

 

Noch eine Anmerkung, die Module werden wohl in der Regel nicht die bis zu 3 Thumbnails verwenden, die du im Backoffice hochladen kannst, sondern das Vorschaubild, das auch für die Anzeige der Unterkategorien auf Kategorieseiten verwendet wird, vielleicht lag da der Fehler.

Edited by rictools (see edit history)
Link to comment
Share on other sites

Danke rictools. In der Tat habe ich mich einmal mehr sehr unpräzise formuliert.

 

Ich will gerne ein Top Menü haben, bei dem ich der Unterkategorie bzw. mehrere Unterkategorien ein Bild unterlegen kann,

sodass die Unterkategorie bildlich untermalt wird und so einen optischen Anreizt gibt.

 

Ganz toll wäre wenn es möglich wäre, dass weitere Unter-Unterkategorie mit einem (etwas kleinerem) Bild hinterlegt werden kann.

 

Ich verkaufe zum Beispiel Leinwandbilder. Unterkategorien sind Tiere, Städte usw. - exakt diese Unterkategorien möchte ich gerne mit jeweils dazu passende Bilder hinterlegen.

 

Siehe dieses von mir erstellte Beispiel:

 

post-1401787-0-59623700-1496432324_thumb.jpg

 

Ich hoffe ich konnte mich verständlich Ausdrücken ;)

 

Grazie mille

 

Schlee

Link to comment
Share on other sites

Da ist ja jetzt nur ein Bild für die erste Unterkategorie-Ebene, das sollte doch eigentlich mit den Mega-Menus problemlos möglich sein? Oder wo hakt es da? Evtl. mußt du die Reihenfolge von Kategoriename und Bild ändern, aber das ist ja wohl kein Problem.

Link to comment
Share on other sites

Das dachte ich auch, aber mit dem TM Mega Menu (TemplateMonster) ging das nicht.
Kennst du eins wo dass mit hoher wahrscheinlichkeit geht?

 

Mir würde es auch reichen nur Unterkategorie anstatt Unter-Unterkategorie Bilder zu hinterlegen.

 

?

Link to comment
Share on other sites

Das dachte ich auch, aber mit dem TM Mega Menu (TemplateMonster) ging das nicht.

Ich kann diese Funktionalität auf der Angebotsseite zum Modul auch nicht finden. Also warum um alles in der Welt gibtst du dann 60 EUR für ein Modul aus, das die von dir gewünschte Funktion offensichtlich nicht anbietet, anstatt der Empfehlung von Whiley zu folgen, zumal dieses Modul nur die Hälfte kostet? Was hatte dir daran nicht gefallen?

Link to comment
Share on other sites

Weil ich die Bilder in der Menuauswahl nicht schlecht finde, habe ich mir die Sache einmal ein wenig genauer angeschaut und siehe, man kann das auch problemlos selbst machen. Geändert werden muß die Shopverzeichnis/modules/blocktopmenu/blocktopmenu.php. Suche die "protected function generateCategoriesMenu" (ca. Zeile 593) und darin diesen Text:

$html .= '<a href="'.$link.'" title="'.$category['name'].'">'.$category['name'].'</a>';

Ergänze ihn zu:

$html .= '<p class="horinavimg2"><a href="'.$link.'" title="'.$category['name'].'"><img src="'.$this->context->link->getMediaLink(_THEME_CAT_DIR_).$category['id_category'].'-medium_default.jpg" alt="'.Tools::SafeOutput($category['name']).'" title="'.Tools::SafeOutput($category['name']).'"></a></p><a href="'.$link.'" title="'.$category['name'].'">'.$category['name'].'</a>';

Damit wird die medium-default-Variante der Kategoriebilder oberhalb der Kategorien eingefügt (ich habe statt dessen die kleinere small-default genommen, dazu mußte ich diese aber erst im BackOffice unter "Bilder" für Kategorien freigeben und generieren). Quick and dirty kann man auch den img-Link durch Größenangaben ergänzen, dann wird das Bild im Browser skaliert.

 

Damit das Bild nicht bei allen Kategorien angezeigt wird, muß jetzt noch die Themeverzeichnis/css/modules/blocktopmenu/css/superfish-modified.css ergänzt werden:

p.horinavimg2 {
	display: none;
}

.sf-menu > li > ul > li > p.horinavimg2 {
	display: block;
}

Dadurch wird das Bild erst einmal überall auf unsichtbar gesetzt, im zweiten Schritt wird es nur für die zweite Ebene freigegeben. Die Optik kann man dann nach Wunsch noch anpassen. Wie ich es gemacht habe, kannst du in meinem Shop sehen.

 

Wenn du auch vor den Menupunkten der dritten oder weiteren Ebene(n) kleine Bilder haben möchtest, kannst du einen weiteren Bereich (span statt p) hinter dem obigen erstellen, dem du dann die Klasse "horinavimg3" gibst und dem du dann kleinere Bilder zuordnest.

Edited by rictools (see edit history)
Link to comment
Share on other sites

Wow - Fantastisch - Danke dass geht genau in meine Bedürfnisse..... ich dreh durch... grosses Kino.

 

Nur eine Frage, wie bring ich das Bilder in der ersten Ebene weg? Siehe Bild.

Ich habe im superfish-modified.css den Code ganze am Ende hinterlegt, aber da schein ich wohl was falsch zu machen?

 

post-1401787-0-30879000-1496607012_thumb.jpg

post-1401787-0-95785500-1496607328_thumb.jpg
 

Kurze Frage rictools, womit bearbeitest du den Code?

 

Gaciaaaaaaaaas

Edited by Schlee (see edit history)
Link to comment
Share on other sites

Wo werden die Bilder denn jetzt angezeigt und wo nicht?

 

Wenn du die zweite css-Anweisung wegläßt, dürften gar keine Bilder angezeigt werden, falls doch, hast du einen Tippfehler drin (oder du mußt erst einmal Caches löschen).

 

Wenn die zweite Anweisung dann in der falschen Ebene Bilder aktivert, ist bei dir der Code anders, kriegt man (ich nur, wenn du einen Link zur Verfügung stellen kannst) mit der Untersuchen-Funktion diverser Browser / Firebug raus.

 

Wie viele andere hier auch bearbeite ich die Codes mit Notepad++.

Link to comment
Share on other sites

Habe mal die zweite Anweisung gelöscht - ist nichts passiert. Habe den Code auch nochmals nach Schreibfehler geprüft, nix.... 

 

Hier meine beginnende Seite (css file im Anhang, falls hilfreich):

http://www.bilder-factory.ch/

Unterkategorien funktionieren PERFEKT - genau so habe ich mir das vorgestellt - Genial soweit.

Falls ich das Bild in der Navigationsleiste noch wegbekomme hast du mich zum glücklichsten Menschen der Schweiz gemacht :)

 

superfish-modified.css

Link to comment
Share on other sites

Bei mir werden nur die 3 Bilder der 3 Unterkategorien angezeigt. Wenn du den Fehler nicht in der Zwischenzeit behoben hast und bei dir ein Bild für die Hauptkategorie angezeigt wird, liegt das am Cache deines Browsers oder evtl. deines Providers, das siehst dann nur du selbst.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...