Neu Shop Vorschaubilder bei Verlinkung zb in Facebook

[deville1968]

Da in meiner anderen Frage nichts mehr kommt, hier also als offizieller Fehlerreport:

-Fehlerhafter "meta itemprop og:image" tag dadurch werden Artikelbilder nicht (korrekt) als Vorschaubilder angezeigt bei Verlinkung zB auf Facebook

Im Shoptemplate lautet o.g. tag : <meta itemprop="image" content="{$ShopURL}/{$ShopLogoURL}" /> Das zeigt das Shoplogo an.

für eine korrekte Artikel Vorschau müßte der komplette Link am Ende jedoch zB so lauten:

<meta property="og:image" content="https://www.dodge-parts.de/media/im...ram-1500-sb-von-02-08-und-2500-3500-03-08.jpg" />


-Welche Variablen müssen dafür in WELCHEM Tag gesetzt werden? (der Unterschied zwischen "meta itemprop og:image" und "property=og:image" ist mir noch nicht 100% klar)

 

[M.Stickel]

Hallo deville1968,
um Artikelbilder anzuzeigen solltest du prüfen, ob du dich auf einer Artikeldetailseite befindest und dann statt Shoplogo ein Artikelbild einfügen.
Dazu nutzt du, wie du oben beschrieben hast, das meta-tag mit der Propertie "og:image". Dieses Tag ist für Facebook relevant (https://developers.facebook.com/docs/sharing/webmasters).

Die anderen Tags mit z.B. "itemprop" werden von Suchmaschinen genutzt um den Inhalt der Seite besser zu klassifizieren.

 

[Foxy Alex]

Hallo,
genau das wollen wir auch ändern. Bei allen Links, auch auf Produkte wird z.B. in WhatsApp, iMessage oder Facebook das Shoplogo angezeigt.
Und auch der Preis des Artikels. Wir Wollen eigentlich auch nur das Produktbild und den Artikelnamen bzw. den Meta-Titel-Tag anzeigen lassen.
Den Preis wollen wir auch raushaben. Wo ändert man das im Template und was wäre jetzt genau der Code! DANKE
Anbei ein Screenshot, wie gerade unsere Links angezeigt werden und darunter so wie es werden soll!

 

[Foxy Alex]

Ich habe es jetzt gefunden.
Ich habe in der header.tpl datei im head-meta block folgende Abfrage eingefügt:
{if isset($Artikel) && !empty($Artikel->Bilder)}
<meta itemprop="image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadNormal}" />
{else}
<meta itemprop="image" content="{$ShopURL}/{$ShopLogoURL}" />
{/if}
{if isset($Artikel) && !empty($Artikel->Bilder)}
<meta property="og:image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadNormal}" />
{else}
<meta property="og:image" content="{$ShopLogoURL}" />
{/if}

 

[usteile]

Ich habe es jetzt gefunden.
Ich habe in der header.tpl datei im head-meta block folgende Abfrage eingefügt:
{if isset($Artikel) && !empty($Artikel->Bilder)}
<meta itemprop="image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadNormal}" />
{else}
<meta itemprop="image" content="{$ShopURL}/{$ShopLogoURL}" />
{/if}
{if isset($Artikel) && !empty($Artikel->Bilder)}
<meta property="og:image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadNormal}" />
{else}
<meta property="og:image" content="{$ShopLogoURL}" />
{/if}

Vielen Dank für dein Input! Hat bei mir funktioniert!

 

[KlausB]

Auch mir hat das jetzt geholfen, juhu!
Ich hatte vorher nur nach og:image gesucht und bin da nicht wirklich weiter gekommen. Bei der Suche nach shoplogourl bin ich jetzt hier gelandet.
Es ist noch ein kleiner Fehler drin, wie nachfolgend funktioniert es bei mir perfekt:

{if isset($Artikel) && !empty($Artikel->Bilder)}
<meta itemprop="image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadNormal}" />
{else}
<meta itemprop="image" content="{$ShopURL}/{$ShopLogoURL}" />
{/if}
{if isset($Artikel) && !empty($Artikel->Bilder)}
<meta property="og:image" content="{$ShopURL}/{$Artikel->Bilder[0]->cPfadNormal}" />
{else}
<meta property="og:image" content="{$ShopURL}/{$ShopLogoURL}" />
{/if}

Ich hoffe es hilft anderen ...
KlausB

 

[OliverE]

Hallo, wo genau muss man den o.g. Code einfügen? Nur Einfügen oder auch etwas ersetzen? Danke!

 

[Foxy Alex]

Hallo, wo genau muss man den o.g. Code einfügen? Nur Einfügen oder auch etwas ersetzen? Danke!

Ich habe in der header.tpl datei im head-meta block die Abfrage eingefügt.