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

cakrap

Neues Mitglied
3. Dezember 2020
9
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: 17
Zuletzt bearbeitet:

Conny

Sehr aktives Mitglied
7. September 2009
479
38
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
9
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
479
38
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.1 mit PHP8.0 ohne Ioncube support Installation / Updates von JTL-Shop 2
Neu Falsche Artikelbilder im JTL Shop in Verbindung mit der WaWi Allgemeine Fragen zu JTL-Shop 0
Neu Falsche Artikelbilder im JTL Shop in Verbindung mit der WaWi User helfen Usern - Fragen zu JTL-Wawi 3
Neu JTL 5 Shop -> Slick Slider auf der Startseite im Nova Template verändern Templates für JTL-Shop 2
Neu Auswahlassistent nicht sichtbar (JTL Shop 5.03) Plugins für JTL-Shop 0
JTL-Shop 5: Nach Kaufabschluss Button "Weiter einkaufen" => Möglichkeit andere Seite als Startseite zu verlinken? Einrichtung JTL-Shop5 1
Neu JTL-Shop 5.1.1 - Import der Postleitzahlen funktioniert nicht, was muß man tun? JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5 Preisfarbe und individuelle Anpassung von der "footnote-reference" Allgemeine Fragen zu JTL-Shop 0
Neu JTL SHOP 5.0.1 / NOVA-Template UVP/Rabattanzeige Artikelübersichten Allgemeine Fragen zu JTL-Shop 5
Neu JTL Shop 5 gekauft Variationen sind nicht anwählbar JTL-Shop - Fehler und Bugs 2
Neu Zahlungs & Versandarten JTL Shop 5.0.3 & JTL WAWI 1.5.47.4 Onlineshop-Anbindung 1
Neu JTL Shop Englische Version Checkout weiterleitung Allgemeine Fragen zu JTL-Shop 0
Neu Online-Shop über Jtl User helfen Usern - Fragen zu JTL-Wawi 5
Neu JTL Shop 5 Nivo Slider verkleinern Allgemeine Fragen zu JTL-Shop 0
JTL-Shop 5-0-3 - Netzwerkfehler - URL install.php?task=dircheck nicht erreichbar. Einrichtung JTL-Shop5 1
Neu (!) JTL Shop 5 Fehler "Struktur-Migration" Installation / Updates von JTL-Shop 3
Neu JTL-Shop 5 falscher Liefertatus aus WAWI JTL-Wawi - Fehler und Bugs 3
Neu Logo vergrößern JTL 5 Shop Allgemeine Fragen zu JTL-Shop 17
Neu JTL Lager Ausland MwSt. Satz / BUG? bei Bestellung aus Shop JTL-Wawi - Fehler und Bugs 1
Neu Woocomerce Shop Ablgeich Fehler JTL-Plugin : CustomerTrait.php:68 WooCommerce-Connector 1
Neu Kritisch: JTL Shop 5.1 Bugs: Template: blackline, Demo-Dateien, Composer und co. JTL-Shop - Fehler und Bugs 22
Neu JTL Shop 5.0.1 zeigt Update Papyal auf 2.1.0 - reagiert aber nicht und keine Abwicklung mehr möglich?! JTL-Shop - Fehler und Bugs 16
Neu JTL Shop 5.1 kritischer Fehler bei Installation mit Demodaten Installation / Updates von JTL-Shop 1
Neu Update JTL-Shop 5.0.3 auf 5.1.0 als JTL-Vouchers Pilot Installation / Updates von JTL-Shop 5
Neu 💙 Neues Plugin: FAQ mit strukturierten Daten (für JTL-Shop 5) Plugins für JTL-Shop 0
Neu JTL-Shop 5.1 Releaseforum 1
Neu JTL SHOP Newsletter mit Anhang Allgemeine Fragen zu JTL-Shop 0
Gelöst JTL WAWI Bild aktualisieren - wird nicht im Shop übernommen User helfen Usern - Fragen zu JTL-Wawi 2
JTL Shop 5 Hosting - SSH Zugang? Einrichtung JTL-Shop5 1
Neu JTL Shop 4 und Shopauskunft einbinden Allgemeine Fragen zu JTL-Shop 0
Neu Anfänger Kostenfrage Shopify + JTL-Shop gemeinsam Shopify-Connector 0
JTL Shop Sitemap Probleme Allgemeiner HTTP Fehler bei Google Einrichtung JTL-Shop5 10
Neu Feld "image" fehlt Google Search Console Fehler JTL Shop 4 Allgemeine Fragen zu JTL-Shop 1
Neu Ich möchte von modified zu JTL Shop 5 umsteigen benötige dafür Infos Allgemeine Fragen zu JTL-Shop 12
Neu JTL-Shop 5.0.3 - JTL-Wawi 1.5.48.2 - Retourenanmeldung über das Kundenkonto/Bestellungen möglich, wie? Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop 5.0.3 - JTL-Wawi 1.5.48.2 - Automatischer Upload der PDF-Rechnungen/Gutschriften im Kundenkonto, wie bei Amazon-IDU, möglich, wie? Allgemeine Fragen zu JTL-Shop 0
WICHTIG: Unser Support für JTL-Shop 4 endet im November 2022 Upgrade JTL-Shop4 auf JTL-Shop5 0
Neu Shop 5 Installation Fehler Keine config.JTL-Shop.ini.php gefunden. JTL-Shop - Fehler und Bugs 2
Neu Keine Lieferzeiten im Shop | JTL kann keine Lieferzeiten an Woocommerce übertragen und überschreibt auch jede Änderung im backend von Woocommerce WooCommerce-Connector 2
Neu OPC-Mount-Points über die Kategoriebeschreibung (JTL-WaWi) an den Shop übergeben Allgemeine Fragen zu JTL-Shop 3
Fehler bei der Installation von JTL Shop 5 Einrichtung JTL-Shop5 3
Neu Erfahrungen mit Alternativen zu JTL Shop Allgemeines zu den JTL-Connectoren 10
Neu JTL WAWI / JTL SHOP Steuerproblem User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL Shop 5 Footer / Boxen Variablen Allgemeine Fragen zu JTL-Shop 2
Neu Test- / Stagingumgebung JTL Shop 5 Starten mit JTL: Projektabwicklung & Migration 4
Neu JTL Paypal Shop 4.05 ... Plugins für JTL-Shop 1
Neu JTL Shop ohne Wawi Shopbetrieb / -pflege JTL-Shop3 0
Kostenlos Einsteigerschulung: Tag 7 Teil 1: Einführung in JTL-Shop 5 mit OPC Messen, Stammtische und interessante Events 0
Neu Einbinden von Pinterest Event Codes in JTL-Shop Betrieb / Pflege von JTL-Shop 6
Neu Jtl Shop Miet Lizenz Allgemeine Fragen zu JTL-Shop 1

Ähnliche Themen