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

mobade

Sehr aktives Mitglied
27. Februar 2017
831
150
Chemnitz
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
 

M.Stickel

Moderator
Mitarbeiter
9. Februar 2016
298
38
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
831
150
Chemnitz
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

Moderator
Mitarbeiter
9. Februar 2016
298
38
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: 13
Ähnliche Themen
Titel Forum Antworten Datum
Neu Wie erstelle ich das richtige Layout für handy, Desktop etc Allgemeine Fragen zu JTL-Shop 0
Neu CSV Auftrag mit Artikeldaten (GTIN, Beschreibung, etc.) exportieren Arbeitsabläufe in JTL-Wawi 1
Neu PrestaShop Connector für Prestashop 8 mit PHP 8.2 wird nicht unterstützt PrestaShop-Connector 0
Neu Packtisch: In der Liste der Aufträge neue Feld-Spalte mit Spalteneditor hinzufügen Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Wechsel WAWI Hosting von JTL mit RDP auf ecomDATA User helfen Usern - Fragen zu JTL-Wawi 2
Neu Eigene Seiten mit Plugin erstellen Technische Fragen zu Plugins und Templates 0
Neu Alles Artikel "unverkäuftlich" mit Urlaubshinweis JTL-Ameise - Ideen, Lob und Kritik 2
Wo befindet sich das Feld mit der Information für "Zustandsbeschreibung" auf Ebay? JTL-Wawi 1.8 9
Neu Ärger mit WMS mobile - Scan bestätigt nicht zuverlässig die Eingabe Gelöste Themen - JTL-WMS / JTL-Packtisch+ 4
Neu 2x SumUp als Zahlungsmethode mit 2x verschiedenen SumUp Accounts aber 1x Kartenlesegerät? Allgemeine Fragen zu JTL-POS 0
Neu Service-Bestellungen / Dienstleistungen mit WMS abbilden Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Neu Auftrag mit Freiposition Menge 0 läßt sich nicht ausliefern + wird nicht auf Lieferschein angezeigt User helfen Usern - Fragen zu JTL-Wawi 1
In Bearbeitung POS verbindet nicht mit SumUp Air Allgemeine Fragen zu JTL-POS 2
Neu Probleme mit Artikelzustand bei Ebay Laufene Artikel ändern Einrichtung und Installation von JTL-eazyAuction 3
Auktionen mit Anpassungsfunktion Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu Videoeinbindung mit OnePage Composer Technische Fragen zu Plugins und Templates 1
Neu Zahlungsziel mit Skonto im Auftrag ausweisen Gelöste Themen in diesem Bereich 4
Neu Probleme mit dem Divi Theme WooCommerce-Connector 5
Neu Hilfe - Performanceproblem mit Shop durch Worker JTL-Shop - Fehler und Bugs 27
Neu JTL Wawi Bild-Upload unvollständig oder nur als mit meinem PC hochgeladen zu sehen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Shop Suchfunktion Probleme mit (HTML-)Sonderzeichen JTL-Shop - Fehler und Bugs 0
Neu Anleitung: Artikeletiketten für Auftrag, Rechnung, Lieferschein etc. drucken mit Etikettenanzahl = Artikelanzahl User helfen Usern - Fragen zu JTL-Wawi 0
Neu Amazon + Multishop mit evtl 2 Mandanten Starten mit JTL: Projektabwicklung & Migration 3
Neu Kuriosum - Shop 5.1.5 mit Datenbank 5.2.4 Mischbetrieb nach fehlgeschlagenem Update Installation / Updates von JTL-Shop 8
Neu Lieferantenbestellung als CSV mit selbst festgelegten Spalten per Mail senden Arbeitsabläufe in JTL-Wawi 1
Ameise - Auftragsimport mit mehreren Artikelpositionen JTL-Wawi 1.8 1
Neu Eigener (Home-) Server mit Windows UND Linux Starten mit JTL: Projektabwicklung & Migration 23
In Bearbeitung Bon mit Artikeln: Keine Auslieferung? Auftrags-Übernahme: Keine Anpassungen möglich? Allgemeine Fragen zu JTL-POS 2
Neu Automatisierter Import Händler-CSV, Problem mit unterschiedlichen Artikeln bei gleicher EAN Schnittstellen Import / Export 7
Neu Probleme mit Swatches Allgemeine Fragen zu JTL-Shop 7
Gelöst Hardware für häufige Konstellationen mit USB und Swissbit TSE-Problem ab Android 11 JTL-POS - Fragen zu Hardware 5
Neu DPD-Versand in Nicht-EU-Länder mit JTL-Shipping JTL-ShippingLabels - Ideen, Lob und Kritik 1
Neu Aufträge zusammen fasse, mit getrennter Rechnung wegen JTL2DATEV Export ? User helfen Usern - Fragen zu JTL-Wawi 0
Neu PayPal Checkout mit Apple Pay und Google Pay Plugins für JTL-Shop 1
Neu Erstellen eines Sets, als Variation in Zusammenhang mit einer Stückliste Arbeitsabläufe in JTL-Wawi 2
Neu Workflow-Auswahl ... mit ins Kontext-Menü aufnehmen (rechten Maustaste) JTL-Wawi - Ideen, Lob und Kritik 2
Pluginmanager startet nicht mit aktivem IonCube Loader Einrichtung JTL-Shop5 2
Issue angelegt [WAWI-75449] Artikel duplizieren - ASIN wird nicht mit dupliziert. JTL-Wawi - Fehler und Bugs 1
Neu JTL Shipping Labels mit DHL Unterschied Versenden, Versenden 3.0 und Intraship User helfen Usern - Fragen zu JTL-Wawi 8
Warum sind die Rechnungen aus Aufträge(mit Rechnung(Vollständig)) nicht unter Rechnung zu finden JTL-Wawi 1.7 0
Neu Probleme mit 2FA O365 JTL-Wawi - Fehler und Bugs 1
Neu Navigation/Kategorie mit Link verknüpfen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Ansprechpartner mit mehreren E-Mails Adressen in den Kunden User helfen Usern - Fragen zu JTL-Wawi 1
Beantwortet #GEFUNDEN# Suche jemand , der uns eine (automatische) SQL Abfrage erstellen kann mit Mail Ausgabe Dienstleistung, Jobs und Ähnliches 2
Neu Problem mit Produkt-Link (?isAjax) JTL-Shop - Fehler und Bugs 3
Neu JTL-Wawi mit Shopware/Magnalister User helfen Usern - Fragen zu JTL-Wawi 3
Neu Bestände von der Wawi mit ebay abgleichen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Artikel mit Variationen? Allgemeine Fragen zu JTL-Shop 2
Neu Start mit JTL- allgemeine Erfahrungen User helfen Usern 4

Ähnliche Themen