Neu JTL Shop 5 - Container mit Link versehen - wie geht das

cakrap

Neues Mitglied
3. Dezember 2020
6
0
Liebe JTL Shop'er,

In meinem Beispiel habe ich in einen Container mit einem Hintergrundbild versehen und in den selben Container ein Text Feld gepackt.
Damit funktioniert das responsive Design auf allen Geräte sehr gut - siehe Screenshot.

Ich hätte gerne erreicht wenn jemand auf den Container klickt zu einer Unterseite mit mehr Details weitergeleitet wird.
Aber wie verlinke ich dieses Container Element nun mit einem anderen Teil meiner Seite?

Über einen Tipp wäre ich sehr dankbar, auch gerne mit einem alternativen Lösungsansatz - vielleicht denke ich ja verkehrt, kann aber kaum glauben dass sowas nicht möglich sein soll...1000 Dank

Liebe Grüsse,
Christian Akrap
 

Anhänge

Zuletzt bearbeitet:

Conny

Sehr aktives Mitglied
7. September 2009
465
33
Mit dem OPC Container dürfte eine Verlinkung des Hintergrundbildes momentan nicht möglich sein.
Ich würde es so lösen, dass du den Text direkt im Grafikprogramm auf das Bild schreibst.
Dann erstellst du einen Container und im Container ein Grid.
In den einzelnen Grids dann das jelweilige Bild rein.
Dem Bild kannst du dann einen Link zuordnen.
Einfach auf die Eigenschaften des Bildes gehen und
(1) Bild verlinken anklicken
(2) Link für deine Seite mit den Infos reinschreiben
(3) Speichern

8.png

Fertig

Die Seite auf welche du verlinken willst muss natürlich vorhanden sein.
 
Zuletzt bearbeitet:

cakrap

Neues Mitglied
3. Dezember 2020
6
0
Hallo Conny,

danke für deine Nachricht, ich dachte schon es reagiert niemand mehr auf meinen Post.

Ich kann es einfach nicht wahrhaben, dass ein Container nicht verlinkt werden kann, denn deinen Gedanken hatte ich auch schon. Die von dir vorgeschlagenen Methode ist in meinen Augen jedoch problematisch, da die Schrift in kleineren Auflösungen vom JTL Shop ja nicht skaliert wird sonder nur das Bild als ganzes beschnitten wird was den Text dann außerhalb der vorgesehenen Proportion erscheinen ließe. Dein Vorschlag würde nur funktionierten wenn für jeden Auflösungstyp ein eigenes Bild mit der adäquaten Text-Größe erstellt wird und dazu noch vier Seiten gebaut werden. Das ist ein irrer Aufwand, wie in der Computer Steinzeit und erübrigt damit die Vorteil eines responsive Designs...

Wenn es keinen Weg gibt dies umzusetzen so würde mich interessieren was ein Entwickler dazu sagt wie das zu lösen ist.

Vielen Dank an alle die das gelesen haben und liebe Grüße,
Christian
 

Conny

Sehr aktives Mitglied
7. September 2009
465
33
Man kann das ganze "zu Fuß" mit einem DIV Container und CSS machen. Das ist aber relativ aufwendig.
Die Bilder werden ja "responsive" verkleinert. Ich denke du solltest es mal ausprobieren wie es aussieht. Denke so verkehrt dürfte es in deinem Fall nicht sein.
Ich würde in der Handy Auflösung die beiden Bilder dann (im Grid) untereinander legen.

Wenn du es direkt (ohne OPC) machen willst wäre das ein Vorschlag:
Du gehst wie beim Shop4 in den normalen Editor und stellst auf QUELLTEXT um.
Dann folgeneden Code einfügen und anpassen: (ungetestet)
Code:
<style>
.maintxt {position: relative;}
.maintxt > img, .overlay-text {position: absolute;}
</style>

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-8 col-centered">
            <div class="maintxt">
               <a href="deinLink"><img src="background.png" class="img-responsive"></a>
                <span class="overlay-text">My super text.</span>
            </div>
        </div>
    </div>
</div>
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu JTL-Shop 5.0.1 - Registrierung Rechnungsadresse anzeige NUR der Länder nach der GEO-BlockingVerordnung und NICHT der ganzen Welt, wie? Allgemeine Fragen zu JTL-Shop 4
Neu Änderungen am Shop ohne JTL Theme Editor Templates für JTL-Shop 7
Neu hreflang fehlt: Mehrsprachigkeit JTL Shop 5.0.0 JTL-Shop - Fehler und Bugs 5
Beantwortet NOVA unter JTL Shop 5 zeigt auf Startseite nur Header und Footer JTL-Shop - Fehler und Bugs 2
Neu Warning: Invalid argument supplied for foreach() in /home/.sites/298/site8438217/web/classes/class.JTL-Shop.Artikel.php on JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5: Pflichtfreitext-Angabe des Kunden verschwindet im Warenkorb & demnach auch in Bestellung + WAWI JTL-Shop - Fehler und Bugs 2
Neu Warum nimmt der JTL Shop teilweise keine Preisaktualisierungen von JTL wawi an? JTL-Wawi - Fehler und Bugs 1
Neu JTL-SHOP 5 - Checkbox Text für 3. Sprache wird nicht gespeichert JTL-Shop - Fehler und Bugs 5
Neu Wo/Wie wird der Lizenzschlüssel bei einem Upgrade der CFE auf die JTL Shop Standardversion eingetragen? Installation / Updates von JTL-Shop 4
Neu Performance JTL Shop 5 - 200.000 ms Idle Wert?! Plesk Strato Betrieb / Pflege von JTL-Shop 2
Neu [JTL Shop 5] Filter-URLs sind nicht nofollow JTL-Shop - Fehler und Bugs 4
Neu JTL-Shop-Hosting Plesk Git dump-autoload Allgemeine Fragen zu JTL-Shop 0
Neu Anleitung Cleverreach an JTL Shop v.4 Plugins für JTL-Shop 0
Neu Bestellstatus wird bei Teillieferungen zwischen WAWI und JTL-Shop 5.0.1 nicht richtig synchronisiert JTL-Shop - Fehler und Bugs 0
Neu [JTL Shop 5] "Meine Käufe": doppelter Eintrag unter "Gebundene Lizenzen" JTL-Shop - Fehler und Bugs 0
Neu Deprecated: JTL\Shop::DB is deprecated. Upgrade JTL-Shop4 auf JTL-Shop5 1
JTL-Shop 5.0.1 mit Wawi 1.5.44.0 verbinden - Shop URL verweist nicht auf gültigen Shop Einrichtung JTL-Shop5 9
Spezialseite "Kontakt" nach Upgrade von JTL Shop 4 auf 5 Einrichtung JTL-Shop5 1
Neu [JTL SHOP 5] Sitemap kann nicht automatisch erstellt werden JTL-Shop - Fehler und Bugs 3
Neu Internet Explorer + JTL Shop 5 = Bestellabschluss nicht möglich JTL-Shop - Fehler und Bugs 1
Neu JTL Software + Shop + Ebay/Amazon lohnt sich das? Starten mit JTL: Projektabwicklung & Migration 3
Neu JTL SHOP 5 NOVA - keine Preisspanne, kein ab Technische Fragen zu Plugins und Templates 0
Neu Upgrade auf ebay-Shop / Verhalten in JTL? eBay-Anbindung - Ideen, Lob und Kritik 1
Neu Automatische Abmeldung aus der JTL Shop Administration verhindern Allgemeine Fragen zu JTL-Shop 2
Neu [JTL-Shop 5] Mediendateien anzeigen unter Artikelbeschreibung - 2 Column Layout bei zwei Mediendatein? JTL-Shop - Ideen, Lob und Kritik 0
Neu [JTL-Shop 5] OPC Portlets auch in Tabs ermöglichen, die in der Wawi als Attribute angelegt sind (tab1 name, tab2 name, etc) JTL-Shop - Ideen, Lob und Kritik 2
Neu Ladezeit Shop - Plesk --> JTL 5 (STRATO) JTL-Shop - Fehler und Bugs 5
Neu PayPal Ratenzahlung Anbindung an JTL-Shop 4 User helfen Usern - Fragen zu JTL-Wawi 1
Neu Transferring the customer account credit from shop to JTL WAWI User helfen Usern - Fragen zu JTL-Wawi 5
Neu JTL Shop 5 - Consentmanager.de Technische Fragen zu Plugins und Templates 3
Neu Passwort Sicherheit im JTL Shop User helfen Usern - Fragen zu JTL-Wawi 3
Neu PayPal Plus wird GAR nicht anzeigt - JTL Shop 4 JTL-Shop - Fehler und Bugs 0
Neu JTL Shop 5.0.1 Nova-Template Slick Slider Bildgröße fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu JTL-Shop 5.0 - Release 5.0.2 Upgrade JTL-Shop4 auf JTL-Shop5 5
Kostenlose Einsteigerschulung: Tag 7 Teil 1: Einführung in JTL-Shop 5 mit OPC Messen, Stammtische und interessante Events 0
Neu JTL Shop 5 Artikelanzeigefilter Betrieb / Pflege von JTL-Shop 1
Neu JTL Shop 5 OPC Akkordeon: Reihenfolge der Gruppen JTL-Shop - Ideen, Lob und Kritik 1
Neu JTL Shop 5 Unterkategorien in der Navileiste Allgemeine Fragen zu JTL-Shop 4
Neu JTL Shop 4.6.17 Fatal Error bei Artikelexport JTL-Shop - Fehler und Bugs 2
Neu Problem: Wie die Versandarten aus dem JTL Shop mit den WaWi Versandarten verknüpfen? User helfen Usern - Fragen zu JTL-Wawi 2
Gelöst JTL Shop 5 PayPal Express mit aktiviertem Cache JTL-Shop - Fehler und Bugs 3
Neu Freelancer für JTL Shop 5 Template Anpassungen gesucht Dienstleistung, Jobs und Ähnliches 0
Neu Plugin Hinweis Fenster JTL Shop 4 Allgemeine Fragen zu JTL-Shop 1
Neu Linkfarbe im Header und Footer ändern - JTL Shop 5? Allgemeine Fragen zu JTL-Shop 7
Neu JTL Shop 5 NOVA: Child-Datei für Preisanzeige ohne Rabatt gesucht Dienstleistung, Jobs und Ähnliches 0
Neu JTL Shop 5 Warnungen in der Console JTL-Shop - Fehler und Bugs 2
Neu JTL Shop 5 NOVA: Anmeldebutton soll gegen anderes Icon getauscht werden Templates für JTL-Shop 1
Neu JTL Shop 4 - Versandart Abholung nur Barzahlung -> Kunde kann trotzdem mit PayPal zahlen JTL-Shop - Fehler und Bugs 2
Neu JTL Shop 5 Theme Editor Nova Template Farbe Buttons Templates für JTL-Shop 6
Zustimmung der Weitergabe der eMail an Versanddienstleister im JTL Shop 5.0 Einrichtung JTL-Shop5 4

Ähnliche Themen