Neu Suche, Warenkorb nach links verschieben

saschaklammer

Aktives Mitglied
22. März 2016
119
0
upload_2016-8-5_15-43-43.png
Hallo,

wie bekomme ich das Logo weiter runter und die Suche/Anmelden/Warenkorb weiter nach rechts?

Ich finde es einfach nicht :(

Vielen DAnk
 

karabey

Sehr aktives Mitglied
28. November 2012
855
38
Das kommt davon weil dein Logo zu breit ist. Entweder dein Logo verkleinern oder die Klassen im Header anpassen. Mit einem Link wäre es einfacher
 

twe

Sehr aktives Mitglied
20. August 2011
258
43
Wenn du das EVO-Template hast, in der Datei

layout/header_shop_nav.tpl

mit Hilfe eines Child-Templates, folgendes ändern:

Code:
<ul class="header-shop-nav nav navbar-nav force-float horizontal pull-right">
...

</ul>

pull-right entfernen, dann sind Suche und Warenkorb links. Du kannst hier die Klassen auch ersetzen und in der CSS anpassen.
 

karabey

Sehr aktives Mitglied
28. November 2012
855
38
Du hast schon Fehler mit den Klassen. Der maximale Wert liegt bei 12 und hat eine breite von 100%, also col-xs-12, col-sm-12, col-md-12, col-lg-12.

col-*-12 = 100%
col-*-1= 8.3333%

Wenn dein Logo die ganze Breite nehmen soll, dann ändere den Eintrag wie folgt

Code:
<div class="col-xs-50 col-sm-30 col-md-45" id="logo">
<a href="http://dittert.ropc.de" title="">
<img src="bilder/intern/shoplogo/logo-dittert2.jpg" width="1000" height="113" alt="" class="img-responsive">
</a>
</div>

auf

Code:
<div class="col-xs-12" id="logo">
<a href="http://dittert.ropc.de" title="">
<img src="bilder/intern/shoplogo/logo-dittert2.jpg" width="1000" height="113" alt="" class="img-responsive center-block">
</a>
</div>

Hier muss noch korrigiert werden da diese Klassen gar nicht existieren:

Code:
<div class="col-xs-25 col-sm-15 col-md-20" id="shop-nav">.......</div>
 

saschaklammer

Aktives Mitglied
22. März 2016
119
0
vielen Dank! was ich nicht ganz verstehe bzw. jetzt ändern muss, damit nur die warenkorb und anmelden anzeige rechts ist. hatte bei basket gesucht...
 

karabey

Sehr aktives Mitglied
28. November 2012
855
38
Du kannst hier nur col-xs-12 lassen weil "xs" deutet das auch bei dem kleinsten Browser Größe, also Mobil, eine breite von 100% ist.

Code:
<div class="col-xs-12 col-sm-12 col-md-12" id="logo">.....

Bei der Suche hast du mal "col-xs-8" verwendet
Code:
<div class="col-xs-8 col-sm-10 col-md-8" id="shop-nav">....

das wäre mindestens besser

Code:
<div class="col-xs-12 col-sm-10 col-md-8" id="shop-nav">....

Hier wirst du eine breite bei Mobile (0-468px [xs]) 8 x 8,3333%, bei eine Tablet (468-768px [sm]) 10 x 8,3333% etc... haben.. Teste es mal am Handy.

Lese dich ein wenig hier ein: http://getbootstrap.com/css/#grid-media-queries

Sieh dir das Bild an wie du es realisieren kannst. Da ist ein wenig Arbeit um die Suche links und Anmelden/Warenkorb rechts zu halten.
 

Anhänge

  • Bildschirmfoto 2016-08-06 um 14.04.04.png
    Bildschirmfoto 2016-08-06 um 14.04.04.png
    304,2 KB · Aufrufe: 39

saschaklammer

Aktives Mitglied
22. März 2016
119
0
was ich auch nicht verstehe, wenn ich das Bild größer gemacht habe und ich möchte den Warenkorb etc. rechts haben, dann setze ich doch wieder pull-right ein oder? Allerdings wird das ganze dann nur zentriert bei mir.
Vielen Dank

http://dittert.ropc.de/
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Suche jemanden BmeCat´s in Wawi Dienstleistung, Jobs und Ähnliches 2
Beantwortet #GEFUNDEN# Suche jemand , der uns eine (automatische) SQL Abfrage erstellen kann mit Mail Ausgabe Dienstleistung, Jobs und Ähnliches 2
Neu Suche Seite 2 gibt falsche URL aus JTL-Shop - Fehler und Bugs 4
Merkmalfilter im Shop aktivieren und einstellen, suche optimieren. Einrichtung JTL-Shop5 3
Neu Suche nach Dienstleister Dienstleistung, Jobs und Ähnliches 4
Neu Menü, Logo und Suche beim Scrollen anzeigen / Mobilansicht Templates für JTL-Shop 0
Fehlermeldung in der Suche Einrichtung JTL-Shop5 0
Neu Kurzbeschreibung als Tooltip in der Galerieansicht der Kategorie/Suche Betrieb / Pflege von JTL-Shop 1
Neu SUCHE JTL Service Partner - zuverlässig! User helfen Usern - Fragen zu JTL-Wawi 1
Neu Suche Workflow Bedingung: "Wenn nicht storniert?" User helfen Usern - Fragen zu JTL-Wawi 2
Suchergebnisse normale Suche filtern MEHRERE Kategorien anklicken geht nicht Einrichtung JTL-Shop5 1
Neu "Kaufen" statt in den Warenkorb Plugins für JTL-Shop 2
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
Neu Warenkorb Menge aktualisiert nicht den Preis (Reload geht nicht) JTL-Shop - Fehler und Bugs 5
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu Warenkorb per Link teilen Allgemeine Fragen zu JTL-Shop 6
Neu Versandkosten Berechnung im Warenkorb wird nicht aktualisiert JTL-Shop - Fehler und Bugs 1
Neu Warenkorb nach X Tagen löschen JTL-Shop - Ideen, Lob und Kritik 2
Neu OPC - productstream als Liste wir keine Warenkorb Button angezeigt Betrieb / Pflege von JTL-Shop 2
Neu Versandkosten im Warenkorb werden als Artikel angezeigt Allgemeine Fragen zu JTL-Shop 6
Anzeige der VPE neben "Warenkorb hinzufügen" Einrichtung JTL-Shop5 1
Neu Crosselling - Warenkorb Allgemeine Fragen zu JTL-Shop 10
JTL Mahnwesen Workflow- Email nach 30 Tagen noch nicht bezahlt. JTL-Wawi 1.8 0
Verlässlicher Error nach 30 Sekunden temporäre Filter / Filter Artikelsuche JTL-Wawi 1.7 3
Neu Nach Update auf 5.3 funktioniert das Video-Portlet für lokale Videos nicht Gelöste Themen in diesem Bereich 9
Neu Nach Update auf 5.3 fliegen die Produkte aus dem Merchant Center JTL-Shop - Fehler und Bugs 0
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Passwort nach X Tagen ändern JTL-Wawi 1.8 13
Neu Änderung des Auftrags nach Zahlungseingang Paypal Arbeitsabläufe in JTL-Wawi 7
Neu Falscher Bestand nach Abbruch des Lieferschein-Lösch-Vorgangs JTL-Wawi - Fehler und Bugs 0
Neu Produktfeld "Produktkategorie" von JTL nach Shopify? Shopify-Connector 0
Datenbank-Abfrage per SQL nach Lagermenge pro Artikel & Warenbereich (WMSLager) JTL-Wawi 1.8 1
Neu Greyhound JTL-Connector funktioniert nach Update auf 1.8.12 nicht mehr richtig Technische Fragen zu den JTL-Connectoren 5
Neu Sortierung von Artikel nach Preis absteigend Allgemeine Fragen zu JTL-Shop 4
Neu Kuriosum - Shop 5.1.5 mit Datenbank 5.2.4 Mischbetrieb nach fehlgeschlagenem Update Installation / Updates von JTL-Shop 8
Neu Weiße Seite nach Update Shop 5.1.5. auf 5.2.4 Installation / Updates von JTL-Shop 24
Neu Keine SEO URLs bei Kinderartikeln nach Update Allgemeine Fragen zu JTL-Shop 3
Nach Umtausch Rechnung unbezahlt JTL-Wawi 1.7 0
Neu Kommentar verschwindet nach Wawi-Abgleich JTL-Shop - Fehler und Bugs 3
Störung nach Update JTL-Wawi 1.8 2
Neu JTL-Shop 5.3.0 RC3 Fehler nach Update Portlet Banner, fehlendes Produkt JTL-Shop - Fehler und Bugs 0
Neu Steuerklasse variiert nach Land Arbeitsabläufe in JTL-Wawi 0
Fehlermeldung nach Speichern vom Auftrag in der Wawi JTL-Wawi 1.6 5
Neu Issue SHOP-1348: Sortierung nach Preis unter Umständen fehlerhaft Allgemeine Fragen zu JTL-Shop 0
Neu Ganz neuer Bug? eBay.co.uk Verkauf Lieferung nach Ungarn - falsche Steuer eBay-Anbindung - Fehler und Bugs 2
Neu Strukturierte Daten für VarKombis/Varianten nach Google Ankündigung vom 20.02.2024 JTL-Shop - Ideen, Lob und Kritik 0
Neu Export nach Vorgabe der Artikelnummern JTL Ameise - Eigene Exporte 5
Manuelle Workflowliste nach Update durcheinandergewürfelt JTL-Wawi 1.8 0
Neu Nach Update von 1.5 auf 1.8 Versand in die Schweiz nicht mehr möglich JTL-ShippingLabels - Fehler und Bugs 2
Neu JTL-Search - funktioniert nach Anmeldung als Kunde schlechter als ohne Anmeldung User helfen Usern - Fragen zu JTL-Wawi 0

Ähnliche Themen