Bild mit Textlink - ganzes Bild klickbar machen - speziell für Venture Theme

[david791]

Hey Community,

hat jemand eine Lösung dafür um bei einem Bild ein Link z.b Produktseite zu hinterlegen ? Also das dass ganze Bild Klickbar ist und nicht nur der Textlink

[r8r]

Hallo @david791 

kannst Du mir bitte eine konkrete Komponente mit URL – gerne aus deinem Shop, oder sonst auch aus dem Demo Store (https://venture-theme-outdoors.myshopify.com/ z.B.) – zeigen, die du so verwenden möchtest? Dann kann ich Dir das am konkreten Beispiel zeigen. Das Verhalten im Demo Shop ist meiner Ansicht schon so, wie von Dir gewünscht!

LG, Mario

[david791]

Guten Abend @r8r 

das wäre das Bild mit "unsere Neuigkeiten"  link dazu: https://shishanovashop.de/ und pw:frayni

Danke für deine schnelle Antwort.

[r8r]

Gerne – kannst Du einen Screenshot vom Customizer beisteuern, und zwar von dem Element, in dem Du dieses Bild hochgeladen hast? So genau kenne ich Venture aus Redakteur*innensicht leider nicht, als dass ich das auf die Schnelle aus dem Frontend Code gleich rauslesen könnte.

Mario

[Gabe]

Hey David! @david791 @r8r  

Danke für die gute Frage deine Produktfotos zu verlinken. Das ist eine gute Idee, kann aber auch den Besucher schnell aus versehen von der Page wegleiten was nicht immer erfreulich ist.

Das kannst du mit dem folgenden Code machen. WICHTIG: das bitte immer zuerst in einer Themekopie machen und NICHT im live Theme. Wenn es da klappt dann im Live Theme implementieren.

<p>
	<a href="link_to_product">
	<img src="http://xxxxxxxxxxxxxxxxx" alt="">
	</a>
</p>

Es könnte da gehen, leider aber kommt es auf das spezifische Theme und Grid an und somit erfordert Code-Anpassungen. Du kannst natürlich auch den Custom Code Abschnitt verwenden um es dir wesentlich einfacher zu machen:

Den vorherigen Code kannst du da auch einfügen. Wenn das ein Shopify Theme ist und du auf einem bezahlten Plan dann können wir das ggf. anschauen als Teil deiner 60-Min Design Time. Schicke uns eine E-Mail hier und lass mich hier die Ticket Nr. wissen.

Weitere Tutorials die wir haben:

Wenn man will das ein zweites Bild im Shop beim Mouse-over angezeigt wird, sprich, sobald man mit der Maus darüber fährt, dann habe ich hier ein Beispiel:

• https://afternoonpickmeup.com.au/collections/shop

Es gibt zwei Möglichkeiten, die Anpassung zu implementieren, ich habe diese Optionen weiter unten ausführlich beschrieben.

• Option 1: Man kann dies im Theme einbauen, indem man dem Tutorial unter dem folgenden Link folgen. Wenn Du Unterstützung bei der Implementierung dieses Tutorials benötigst, kann man einen professionellen Webentwickler dafür engagieren, z.B. über den Experts Marketplace oder fiverr.com:

  • Kollektion - Fügen Sie einen hover Effekt auf Produkt Bilder auf Ihrer Kollektion

• Option 2: Man kann eine App von unserem App Store verwenden. Hier ein paar Apps dafür:

  • Das Bild On Hover-Effekt
  • Zweites Bild On Hover
  • Zweite Image-Hover-Animationen

Außerdem möchte ich gerne wissen lassen, dass unsere Hilfe hier nicht endet, also lass gerne wissen, ob ich deine Frage damit beantwortet habe. Auch nicht vergessen dich rechtzeitig auf Weihnachten vorzubereiten wie z.B. Geschenkkarten oder vielleicht ein Upgrade Ihrer Versandeinrichtung? Siehe unseren tollen Blog-Post dazu hier.

VG,