Hallo Community, ich bin gerade seit Stunden dabei und versuche mein Warenkorb oben rechts zu platzieren, Logo Standard links, dann aber den freien Text und dann die Suchleiste unter Warenkorb. Also Rheinfolge LOGO-->Freier text.....--> Suchleiste(ganz außen im Header)---> in der Sekundärnavigation ganz rechts Warenkorb( ist bereits geschafft) Wäre mega wenn mir jemand helfen könnte
Gehe in templates/ Honeygrid/ und kopiere die index.html Nenne die Kopie index-USERMOD.html (die USERMOD muss neben der originalen Datei liegen) Öffne die USERMOD und Suche nach: HTML: {assign var="hideLogo" value={template_setting name="gx-hide-logo-col"}} {assign var="hideSearch" value={template_setting name="gx-hide-search-col"}} {assign var="hideCustom" value={template_setting name="gx-hide-custom-1-col"}} {assign var="hideCart" value={template_setting name="gx-hide-cart-col"}} Tausche die beiden Zeilen HTML: {assign var="hideSearch" value={template_setting name="gx-hide-search-col"}} {assign var="hideCustom" value={template_setting name="gx-hide-custom-1-col"}} Speichern, cache leeren (Shop und Browser) Jetzt sollten die beiden Felder schon einmal ander herum stehen. Nun kannst Du per css die Position der Suche ändern.
Da muss ich Barbara leider widersprechen, das kann nicht funktionieren. @barbara : Die Stellen, die du da vertauschst kümmern sich nur um die Ermittlung, ob die beiden Elemente überhaupt angezeigt werden sollen. Die eigentliche Einbindung der beiden Elemente passiert da ein bisschen weiter unten. Je nach Version könnte das jetzt ein bisschen anders aussehen. Für 3.7.x.x such nach diesen beiden und tausch die Reihenfolge: Code: {block name="index_outer_wrapper_header_inside_top_search_if"} {if !$hideSearch} {block name="index_outer_wrapper_header_inside_top_search"}{$TOP_SEARCH}{/block} {/if} {/block} {block name="index_outer_wrapper_header_inside_custom_content_if"} {if !$hideCustom} {block name="index_outer_wrapper_header_inside_custom_content"} {include file="get_usermod:{$tpl_path}snippets/header/header_custom_content.html" content={content_manager group=4321001}} {/block} {/if} {/block} Für 3.6.x.x such nach den beiden: HTML: {if !$hideSearch} {$TOP_SEARCH} {/if} {if !$hideCustom} {include file="get_usermod:{$tpl_path}snippets/header/header_custom_content.html" content={content_manager group=4321001}} {/if}
Passiert jedem mal . Gerade an der Stelle ist das auch ein bisschen unübersichtlich, weil da viel im Template geprüft wird. Da kann man schon mal den Faden verlieren
was jetzt natürlich noch fehlt ist nur noch die Suchleiste, ich möchte gerne mein Suchfeld nach rechts verschieben, damit dieser genau unter dem Warenkorb ist. Das würde mit einem Code im StyleEdit v3 sehr gut funktionieren denke ich. Hat jemand ne Idee? Ihr könnt euch die Situation im Bild anschauen Grüße Jakub
Um da ne funktionierende Antwort geben zu können, müsste ich wohl mal den Shop sehen, wo du das eingebaut hast.
Hey Torben, cool das du darauf reagierst mittlerweile habe ich die Suchleiste dort wo ich sie ca. haben will. Nun hat sich aber der Text auch nach rechts verschoben, den würde ich lieber links zentriert haben. Sowie das Logo auf 300 - 350 Breite und Höhe haben. Mit dem StylEdit komme ich da glaub ich gar nicht mehr weiter wenn ich das logo vergrößere wird der header so verschoben, dass Kategorieleiste verschwindet und ein weißer Balken unter dem Header kommt. Ich schalte mal den Shop online, dann kannst du die das mal angucken www.fighting-shop.de Gruß Jakub
Du hast die Spaltenanzahl für das Logo sehr hoch vergeben. Dadurch sitzt der Text da jetzt auch sehr weit rechts. Da musst du die Spaltenanzahl für das Logo reduzieren, wenn du den Text weiter links haben willst. Wenn das Logo größer werden soll, muss du auch die Höhe des gesamten Header anpassen, damit es da nicht zu Darstellungsprobleme kommt.
Ok der Text und die Suchleiste sind schon OK .... Torben meint ja, wenn ich das Logo vergrößern will muss ich die höhe des gesamten Headers anpassen. Jedoch möchte ich einen schlanken Header haben, also die Höhe sowie sie gerade ist finde ich in Ordnung. Man hat ja auch noch Platz im Header bzw im gesamten schwarzen Bereich damit das Logo dort reinpasst. Kann ich das Logo nicht vergrößern ohne das ich den Header Breiter mache.
Das ist doch bestimmt möglich Ich bin leider seit na Woche an meine grenzen gekommen auf meinem jetzigem Niveau. (Erstaunlich wie viel Zeit draufgeht wenn man irgendwo nicht weiter kommt ) Einer wird doch aber eine Lösung in der Community haben ?
Hallo! Bin hier kein Profi... bei mir habe ich es etwa so gelöst: Bei den die Spaltenanzahl für das Logo auf 0 gesetzt, den 'frei gestaltbaren Bereich' entsprechend breiter gemacht. Für die maximale Höhe von der Topnavigation ein paar Pixel geklaut. Der 'frei gestaltbare Bereich' ist bei mir jedoch nur so breit, dass es für das responsive Layout passt. Oder vermutlich ist alles viel einfacher: einfach für das Logo eine Grid-Spalte mehr einräumen... Nachtrag: Habe eben gelesen, dass Torben meint die Spaltenanzahl für´s Logo wäre zu groß Wollte niemanden verwirren...
Hi Andreas, Danke für die Rückmeldung sowie du dein Header hast finde ich sehr schön, der ist sogar noch schmaler als meine würde den gerne so versuchen wie breit und hoch ist denn dein LOGO? Bzw. hättest du lust mir deine Einträge zu schicken damit ich die übernehmen kann, würde es bei mir so versuchen einzustellen. Grüße Jakub
Das Logo hat eine Höhe von 68 Pixel. Der Bereich '#header. inside', also der Bereich zwischen Topmenü und dem horizontalen Kategoriemenü hat 80 Pixel. Das Logo habe ich dann im Content-Manager noch 10 Pixel (margin-top: -10px) nach oben verschoben. Vermutliche geht alles einfacher: Im 'Eigenen CSS' habe ich die Zeile '#header .inside {height: 80px}' neben weiteren Einstellung eingefügt. Im Content-Manager ist der Html-Code: '<a href="https://www.bildhauerei-shop.de" target="_self"><img alt="" src="images/image/logo_braun_svg.svg" style="width: 72px; height: 68px; margin-top: -10px;" />'. Habe es auch so gemacht, weil ich das Logo als SVG-Grafik haben wollte.
Werde es mal gleich versuchen Danke schonmal Im Style Edit hast dann ja nicht so viel gemacht wie ich sehe