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 Preise im Shop mit 4 Stellen hintern dem Komma Allgemeine Fragen zu JTL-Shop 5
Neu Erfahrungen mit Amazon Pay Smalltalk 0
Neu Amazon Artikel ist mit Vaterartikel verknüpft Amazon-Anbindung - Fehler und Bugs 1
Verbesserungsvorschlag: JTL-POS – Artikel mit Preisabfrage und vollständiger Wawi-Statistik JTL-Wawi 2.0 4
Neu Google Pay und Konfiguration mit Freiposition stürzt ab *Hotfix* Technische Fragen zu Plugins und Templates 0
Wawi 1.11.11 Shopabgleich mit 5.72 JTL-Wawi 1.11 16
Neu Sicherheitslücke, geprüft mit EcomSec Allgemeine Fragen zu JTL-Shop 3
Neu POS Server crashed mit Wawi Version 1.11.10 JTL-POS - Fehler und Bugs 0
Neu Plugin trotz Hinweis Kompatibel mit JTL-Shop bis 5.6.* auch unter 5.7.2 nutzen Plugins für JTL-Shop 2
Webinar am 04.08. eBay Live: So startest du mit Live Commerce Messen, Stammtische und interessante Events 0
Neu Mail mit Plugin zum testen der Sicherheitslücke echt? Allgemeine Fragen zu JTL-Shop 47
Neu Nettopreis mit rabbatt Allgemeine Fragen zu JTL-Shop 1
Neu Canonical-Tag bei Merkmalwert-URLs mit Parameter "m" Betrieb / Pflege von JTL-Shop 11
Neu Übertragung an AMAZON (versendet) - Probleme mit Großbriefen JTL-ShippingLabels - Fehler und Bugs 0
Neu Gesucht: JTL-Systempartner/Freelancer mit Erfahrung in Personalisierungs-/Gravur-Fulfillment Dienstleistung, Jobs und Ähnliches 2
Neu Wird irgendwo in der Datenbank geloggt welcher WMS-Mobile Benutzer mit dem MDE-Gerät einen Auftrag, bzw. Pickliste gepickt hat? User helfen Usern - Fragen zu JTL-Wawi 1
Rechnung mit CC verschicken Vorlagen 2.0 JTL-Wawi 1.11 12
Neu JTL Shop Plugin - BD Automatisierter Widerruf (Von Händler für Händler - Schluss mit Mail-Chaos & Spam-Sorgen!) Plugins für JTL-Shop 0
Neu Versanddatenimport in Packtisch nicht automatisch (DPD Österreich mit WEB.omat) JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Neu Anzeige Alle Artikel mit Kategorieanzeige linke Menüleiste Allgemeine Fragen zu JTL-Shop 9
Neu GLS Privatlabels mit Packtisch verknüpfen JTL-ShippingLabels - Ideen, Lob und Kritik 0
Neu oAuth Credentials Login mit JTL .. WO? User helfen Usern 1
Neu kostenlos: DHL Sendungsverfolgung für JTL-Wawi – Web-Dashboard mit Frühwarnsystem Schnittstellen Import / Export 0
Neu Konfigurationsgruppe mit Auslesen Arbeitsabläufe in JTL-Wawi 1
Neu Ist es ohne Probleme möglich Cloudflare in der Free Version mit JTL zu nutzen? Allgemeine Fragen zu JTL-Shop 7
Neu Nach Wawi Update Probleme mit Rechnungsdrucker JTL-POS - Fehler und Bugs 4
Neu Mariadb 12 mit 5.7.1 Allgemeine Fragen zu JTL-Shop 0
Neu Pickliste mit maximaler SKU-Anzahl – gibt es eine Lösung? Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 4
Neu Mit Fehlern beendet - Object reference not set to an instance of an object. JTL-Track&Trace - Fehler und Bugs 0
ändern von Servernamen nach Neuinstallation von SQL und Verbindung mit neuem Server in der Wawi JTL-Wawi 2.0 2
Probleme mit Artikelansicht oder Verkauf, etc. JTL-Wawi 2.0 0
Fehler mit Zahlungsabgleich JTL-Wawi 1.11 11
Eigener Drittshop-Connector (jtl/connector 5.3): valide Variationskombinationen werden mit „besitzt keine Variationen" nicht gesendet JTL-Wawi 1.11 1
Neu Problem mit dem JTL-Connector – Invalid Shopify connection credentials. Shopify-Connector 3
Neu Arbeiten mit Lieferanten EKs - Workflows und SQL User helfen Usern - Fragen zu JTL-Wawi 6
Neu JTL Artikelanlage mit KI beschleunigen User helfen Usern - Fragen zu JTL-Wawi 2
Neu DHL 4.0 mit JTL-ShippingLabels funktioniert nicht JTL-ShippingLabels - Fehler und Bugs 2
Neu Amazon FBA Bestellungen doppelt mit _1 Amazon-Anbindung - Fehler und Bugs 5
Fehler beim Abgleich mit Amazon JTL-Wawi 2.0 10
Abgleich Amazon mit Fehlern beendet 1.11.08 JTL-Wawi 1.11 14
Rabatt Coupons in Verbindung mit Staffelpreisen - JTL 1.11.9, JTL Shop JTL-Wawi 1.11 0
Worker 2.0 starten mit deak. Abgleichen? JTL-Wawi 2.0 6
Fehler beim Abgleich mit dem JTL-Shop JTL-Wawi 2.0 12
Neu OnFinds: KI-Suche für JTL-Shop mit fairer Abrechnung nach Artikelanzahl. 30 Tage kostenlos testen Plugins für JTL-Shop 10
Neu Abrechnung / Auslieferung von Aufträgen mit Gutschriftverfahren Arbeitsabläufe in JTL-Wawi 3
Neu Dummy-ID oder Freiposition für Angebot mit mehrzeiliger Beschreibung JTL-Wawi - Ideen, Lob und Kritik 7
Neu JTL Shop 5.7.1 mit Fehlern - versandarten zahlungsarten nicht änderbar, leere weiße Seite JTL-Shop - Fehler und Bugs 5
JTL Ameise Lieferantenbestellung mit VPE importieren oder umrechnen JTL-Wawi 1.11 0
Jtl pos Einstellungen mit wiwa 2.02 JTL-Wawi 1.11 0
Anmeldung mit OAuth bei Versanddienstleister notwendig JTL-Wawi 1.10 6

Ähnliche Themen