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

  • Bildschirmfoto 2021-04-27 um 17.04.38.png
    Bildschirmfoto 2021-04-27 um 17.04.38.png
    1,9 MB · Aufrufe: 14
Zuletzt bearbeitet:

Conny

Sehr aktives Mitglied
7. September 2009
470
36
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
470
36
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 eBay shop - jtl wadi eBay-Anbindung - Ideen, Lob und Kritik 0
Neu JTL Shop 4 & 5 Plugin " EU Umsatzsteuer " Plugins für JTL-Shop 0
Neu Import von URL-Pfaden fuer den JTL-Shop JTL-Ameise - Ideen, Lob und Kritik 1
Neu JTL Shop 5 - Kategorienschriftgröße und Position in Megamenu ändern Allgemeine Fragen zu JTL-Shop 4
Neu JTL Shop 5 - Merkmalfilter immer ausgeklappt darstellen Allgemeine Fragen zu JTL-Shop 2
JTL SHop 5.0.1 > Batch 5.0.3 ständig Warenkorb ist leer Einrichtung JTL-Shop5 1
Gelöst JTL Hosting Shop 4.06 (B17) / PHP 7,4 / Euer Newsletter Installation / Updates von JTL-Shop 5
Neu [JTL Shop 5] Frage zum Produkt JTL-Shop - Ideen, Lob und Kritik 1
JTL Shop 5.0.1 - Kein richtiger Abgleich der Artikel-Fotos zwischen WAWI und Shop Einrichtung JTL-Shop5 4
JTL Shop 5.0.1 - Eigene Seite wird im Backend nicht mehr angezeigt nach dem Verschieben in andere Linkgruppe Einrichtung JTL-Shop5 5
Neu JTL Shop 5.0 - Keine Kategoriebilder JTL-Shop - Fehler und Bugs 2
Neu WaWi Aufträge an JTL Shop 5 übertragen? Onlineshop-Anbindung 0
Neu [JTL Shop 5] OnPage Composer - Verbesserungen JTL-Shop - Ideen, Lob und Kritik 2
Neu Beiträge für verschiedene Endgeräte ausblenden oder darstellen - JTL Basic Shop hosted by JTL Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop 4 PHP 7.4 Unterstützung Allgemeine Fragen zu JTL-Shop 1
Neu Artikelaufruf in JTL Shop 4.06 ohne Änderung plötzlich sehr langsam. Ratlos! Betrieb / Pflege von JTL-Shop 2
Neu Subshop mit JTL Shop Hauptshop Shopify Umstieg auf JTL-Shop 0
Neu JTL Shop 5 Konto Erstellung Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Wawi - Abgleich mit Woocommerce Shop schlägt fehl WooCommerce-Connector 4
Neu Artikelbilder@Webshopabgleich zu JTL-Shop ==> HTTP Error 403 JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5 - Versandkosten in Verbindung mit Versandklassen falsche Darstellung in der Warenkorbvorschau JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 4: Kaufabwicklung: Lieferadresse ändern JTL-Shop - Ideen, Lob und Kritik 2
Neu JTL Shop erweitern oder Konfigurator nutzen Allgemeine Fragen zu JTL-Shop 0
Neu JTL SHOP 4 - Suche plötzlich langsam Betrieb / Pflege von JTL-Shop 2
Neu Powered by JTL-Shop Hinweis entfernen? Allgemeine Fragen zu JTL-Shop 5
Update von JTL Shop 4 auf 5 bei externer WaWi Upgrade JTL-Shop4 auf JTL-Shop5 5
Kostenlos Einsteigerschulung: Tag 7 Teil 1: Einführung in JTL-Shop 5 mit OPC Messen, Stammtische und interessante Events 0
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 8
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 6
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 5
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

Ähnliche Themen