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

[Akrap Kaffee Admin]

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

 

[Conny]

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



Fertig

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

 

[Akrap Kaffee Admin]

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]

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)

<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>