Neu Grit-Layout mit Bild und Schaltflächen ( Version 5.0.0-rc.1 )

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
Hallöchen,
habe heute mal etwas mehr probiert erst einmal mit dem Grit-Layout, Bild und Schaltflächen. Funktioniert soweit wunderbar. Habe version 5.0.0.0 rc.1
Grit-Layout einfügen, ok

Bilder einfügen, soweit ok
nur bei der Ansicht Smartphone sind die Fotos untereinander und sehen wie aneinander angeklatscht aus, ( siehe Foto ) da gibt es auch keine Einstellmöglichkeiten, bitte um Einstellmöglichkeiten.
smart.jpg

Schaltflächen einfügen auch soweit Ok nun kommts :)
1. Die Schaltflächen, kann man nicht direkt in die Bilder einfügen nur untendrunter und mit ein bisl margin trick ( Minus wert -100 pixel ), bekommt man die Schaltflächen etwas ins Bild
2. Transparent auswahl fehlt auch noch ( oder Benutzerdefiniert ), man kann nur Farben auswählen.
3. wenn ich im Rahmen oben 1 und unten 1 eingebe und für links und rechts eine 0 wird die Schaltfläche trotzdem ringsherum mit Rahmen angezeigt.

Links Seite vom Foto --> so sieht es auf der Webseite aus und rechts im Bild, so sieht es im Adminbereich aus
grid-layout.jpg

Rahmen und Aussenabstand
rahmen.jpg


Und nun gleich noch eine Sache es geht um das Suchfeld gleich den Button
der ist beim Childtemplate, was gerade eingestellt ist und das Original Child von euch bekommen habe sowie der Scrollto Top Button ist auch links
Habe dazu auch ein Foto
Suchfeld
such-icon.jpg
Sroll to Top
scrolltotop.jpg
Danke und grüssle Mario
 

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
ich weiss habe ich ja schon.
es geht um dem Scroll Button und das Suchfeld im Child template
 

M.Stickel

Sehr aktives Mitglied
9. Februar 2016
298
39
Hi,
du solltest immer einen Container verwenden wenn du "Grid-Layout" verwendest. Nimm die voreingestellte Mindesthöhe raus und verschiebe dein Grid-Layout-portlet in den neuen Container, dann sollte auch der Rand weg sein.
Ist so ein Bootstrap-4-Ding das alle Spalten (row) in einem Container liegen müssen...
 
Zuletzt von einem Moderator bearbeitet:

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
hi @M.Stickel,
vielen Dank für die Info, aber wenn ich die Höhe weg nehme dann rutscht der Button wieder nach unten und das Portlet ist ja im Portlet eingebunden nur mit den -98 bekomme ich die nach oben.
Oder ich habe was falsch verstanden :)

grüssle Mario
 

M.Stickel

Sehr aktives Mitglied
9. Februar 2016
298
39
Man kann die Schaltflächen auch mit transparenten Hintergrund anlegen. Bei der Farbwahl gibt es neben der Farbe auch die Transparenz. Das Problem mit dem Rand werde ich in einem ticket aufnehmen.
Für die Abstände auf den mobilen Geräten würde ich wieder mit Margin arbeiten, also den Bildern z.B. 40px nach unten geben und bei den Schaltflächen den Negativabstand entsprechend um 40px vergrößern.
versuch mal das (entpacken und unter Vorlagen -> Vorlagen importieren):
 

Anhänge

  • 3er_grid_mit_links.zip
    854 Bytes · Aufrufe: 14

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
Hi M. Stickel,

so schaut das momentane Ergebnis deiner Vorlage aus https://u30258kv.test3.jtl-hosting.de
da kann man schon mal was damit anfangen :)
da gibt es noch bis rand links und rechts, nur wenn Bild drin ist, bei dem Bild mit Überschrift ist der Rand wech.

grüssle Mario
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu OPC Grid Layout Reihenfolge unlogisch? Allgemeine Fragen zu JTL-Shop 1
Ameise-Export: Umsatzsteuer stimmt nicht mit Differenz aus Netto und Brutto überein (insbesondere bei mehreren Steuersätzen) JTL-Wawi 1.11 0
Neu Klarna konnte mit den angegebenen Daten keine Sitzung erstellen. Einige Feldbedingungen wurden verletzt. Betrieb / Pflege von JTL-Shop 0
Neu Funktioniert Shop 5.7 mit MariaDB 10.5.29? Installation / Updates von JTL-Shop 1
Sanktionsprüfung mit JTL JTL-Wawi 1.10 0
Versandart Standartpaketversand mit Express JTL-Wawi 1.10 2
Artikeletiketten mit Angabe des Herstellers+Adresse JTL-Wawi 1.10 1
Neu Versandkostenersparnis mit JTL-Shipping: Vergünstigte Versandlabels ohne individuelle Rahmenverträge mit Versanddienstleistern User helfen Usern - Fragen zu JTL-Wawi 0
Probleme mit Worker und JTL-App JTL-Wawi 2.0 3
Neu Probleme mit Import Datenbank vom Server auf lokal JTL-Wawi 2.0 User helfen Usern - Fragen zu JTL-Wawi 4
Neu Angeblich noch keine Verknüpfung mit DPD Meta ??? JTL-ShippingLabels - Fehler und Bugs 1
Neu fEKNetto - zwei Einträge je LiefArtikel mit gleichem Lieferant - nur einer aktualisiert User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL-Verknüpfung mit EC-Gerät fehlerhaft JTL-POS - Fehler und Bugs 0
Neu Problem mit Dantezeile und fehlerhafte Angebotsgültigkeit. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
DHL 4.0 mit JTL Wawi 1.7.13.0 JTL-Wawi 1.7 2
Neu Google Shopping: g:product_type mit Attribut befüllen ist immer DE, obwohl mehrsprachig angelegt Plugins für JTL-Shop 0
Neu Listung mit Varianten - nicht alle Varianten sind vorhanden Amazon-Lister - Fehler und Bugs 0
Häufiges Aufhängen - vermutlich Probleme mit der Datenbank JTL-Wawi 2.0 9
Neu Kein permanenter Dataflow mit Kern FCB Waage JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Neu DRIGEND HILFE!!! Ebay Abgleich endet mit Arithmetischer Überlauffehler für tinyint-Datentyp, Wert = -1. Die Anweisung wurde beendet. eBay-Anbindung - Fehler und Bugs 4
Wawi 1.10.14.3 lässt sich nicht mehr mit Datev verbinden JTL-Wawi 1.10 3
Problem Wawi 2.0 mit DHL Versand JTL-Wawi 2.0 1
Neu JTL-WaWi + ESL Connector — Entwicklung mit Kostenaufteilung gesucht Business Jungle 0
In Diskussion Ort mit OT per Workflow bereinigen JTL-Workflows - Ideen, Lob und Kritik 3
Statistische Auswertung mit Klar Connector oder Controlling Software? JTL-Wawi 1.10 0
Artikelnamen bei Varioartikel nichtänderbar mit csv JTL-Wawi 1.10 0
Neu Probleme mit Ninepoint und TikTok Shop Schnittstellen Import / Export 6
FFN Abgleich schlägt fehlt mit Worker 2.0 JTL-Wawi 2.0 0
Eingangsrechnungen mit Einstellung "Nur gelieferte Positionen übernehmen" - Versandkosten werden nicht mit übernommen JTL-Wawi 1.11 4
Neu 5.6.1 Bug bei Versandarten mit Kalkulation durch Artikelmenge und Staffelpreisen JTL-Shop - Fehler und Bugs 2
Neu Ältere Young Fashion Kollektion: Mit Kaufland, TikTok & Influencer schnell hochziehen und abverkaufen? Dienstleistung, Jobs und Ähnliches 1
Neu Problem mit "eigenen Seiten" Betrieb / Pflege von JTL-Shop 2
Probleme mit JTL Worker JTL-Wawi 2.0 1
Neu Kein Abgleich mit Amazon nicht mehr möglich JTL-Wawi 2.0 0
Neu Anbindung der POS funktioniert nicht unter WAWI2.0.0 mit EcomData Hosting JTL-Wawi 2.0 7
Neu Bestandsabgleich JTL Wawi mit Amazon JTL-Wawi - Fehler und Bugs 1
Neu Teillieferung nur mit Rechnung über ganzen Auftrag oder ohne Rückstandsmeldung möglich Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 1
Artikel Wareneingang buchen mit anderer Währung? JTL-Wawi 1.10 0
Worklflow mit einem externen PDF Anhang JTL-Wawi 1.10 0
Neu Aufträge mit JTL-Pos gezahlt im Tagesabschluss (Lexware Office) Allgemeine Fragen zu JTL-POS 0
Neu Bilder importieren mit "vorhandene Bilder vor dem Import entfernen und neu importieren" > eigenartiges Verhalten JTL-Ameise - Fehler und Bugs 2
Problem mit Hintergrundfarbe Einrichtung JTL-Shop5 1
Neu Artikel letzte 10 Versanddaten, sortiert nach Datum mit Plattform Eigene Übersichten in der JTL-Wawi 4
Neu Worker Abgleich mit dem Onlineshop "mit Fehlern beendet" Onlineshop-Anbindung 4
Neu JTL, was ist eigentlich los mit euch? JTL-Wawi - Fehler und Bugs 5
Gelöst Bekannte Störung: Fehler "Der Inhaltstyp text/html stimmt nicht mit text/xml überein" bei der Labelerstellung Gelöste Themen in diesem Bereich 1
Neu BIETE: 2x Fetra 2892 Kommissionier-/Lagerwagen mit Sichtlagerkästen Dienstleistung, Jobs und Ähnliches 0
Neu Export Käuferliste mit Seriennummern User helfen Usern - Fragen zu JTL-Wawi 4
Neu Problem bei Varianten-Upload mit Amazon Lister 2.0 (Attribut-Mapping Farbe/Größe) Onlineshop-Anbindung 1
Neu Probleme mit Inaktive Verkaufskanäle User helfen Usern - Fragen zu JTL-Wawi 0

Ähnliche Themen