Vorgestelltes Produkt Bild verlinken

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo zusammen,

auf meiner Startseite habe ich ein Produkt, dass ich vorstelle. Wie kann ich hier das Produktbild verlinken?

Gerne möchte ich, dass wenn der Kunde auf das Bild klickt auf das Produkt kommt. Aktuell geht das nur über “alle Einzelheiten”.

Vielen Dank und liebe Grüße,

Hannah

2

Hey Hannah! @GOLDPIECES

Danke für die gute Frage dein Featured Product Foto auf der Homepage zu verlinken. Das ist eine gute Idee, kann aber auch den Besucher schnell aus versehen von der HP wegleiten.

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://](http://placehold.it/1920x700)xxxxxxxxxxxxxxxxx" alt="">
	</a>
</p>

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.

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 den BFCM vorzubereiten wie z.B. Geschenkkarten oder vielleicht ein Upgrade Ihrer Versandeinrichtung? Siehe unseren tollen Blog-Post dazu hier.

VG,

3

Hallo @Gabe ,

danke für deine schnelle Antwort.

Ich will die Kunden ja nicht von meinem Shop rausbringen sondern nur auf das vorgestellte Produkt. Leider finde ich nicht wo ich deinen angegebenen Code einbauen kann. Evtl. hier bei theme.scss.liquid?

/*================ Partials | Featured products section onboarding ================*/
.grid-product__image-link {
  .helper-section &,
  .helper & {
    background-color: transparent;
  }
}

.grid-product__image-wrapper {
  .helper-section & {
    height: 275px !important;
  }
}

Danke für die Info zum BFCM.

Liebe Grüße und danke dir!

Hannah

4

@GOLDPIECES

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:

image.png
image.png329×396 18.9 KB

Den vorherigen Code kannst du da auch einfügen.

VG,

5

Hi @Gabe ,

danke dir! Leider habe ich es alleine nicht hinbekommen aber ich habe über den Chat eine erfreuliche Nachricht erhalten, dass das Support Team es einstellen wird.

Ich danke dir sehr und wünsche dir schonmal ein schönes Wochenende!