Hallo zusammen, gibt es eine einfache Möglichkeit, den Instagram Feed einzubinden, ohne das iframe zu nehmen? Evtl. ein Plugin? Das iframe ist bekannterweise leider nicht responsiv…
[quote=„jonnexen“]Hallo zusammen, gibt es eine einfache Möglichkeit, den Instagram Feed einzubinden, ohne das iframe zu nehmen? Evtl. ein Plugin? Das iframe ist bekannterweise leider nicht responsiv…[/quote] Moin, geht evtl. schon wenn Du dem Iframe ne witdh: 100%; und height: auto; gibst. So hatte ich das damals immer bei der Facebook Likebox gemacht, aber keine Ahnung wie das Instagram iframe augebaut ist. Ansonsten hilft evtl. noch das Gruß
Danke für die Infos, ich habe mittlerweile auch noch eine andere Möglichkeit gefunden: http://instansive.com/ Klappt bei uns super, falls jemand auch mal das gleiche Problem haben sollte.
Hi,
und wer auf kostenpflichtige Abos für Instagram Feeds lieber verzichten möchte, kann auch ein Auge auf unser Plugin
werfen: http://store.shopware.com/bogx253524335253/instagram-feed-fuer-einkaufswelten.html
Best, Konrad
Für die Leute die es interessiert, dieses Plugin nutzen wir:
Hallo Leute,
wir möchten gerne unseren IG-Feed auf unserer Website einbinden. Wir arbeiten mit easy2b.uy und da heißt es: “simply copy and paste the code below into your HTML code. No development resources needed!”
Jetzt haben wir den Code, aber wissen nicht wohin damit… Kann uns bitte jemand helfen !?
Daaaanke 
Wo möchtest Du den Feed zeigen?
Direkt auf unserer Startseite unterhalb der Menüleiste mit den Kategorien… (statt dem Slider und den Fotos darunter).
Es muss auch nicht von easy2.b sein - es kann auch ein anderer Anbieter sein.
Als Beispiel: schaut auch mal auf https://www.danielwellington.com/global/ ganz unten auf der Homepage…
Hast Du schon mal eine Einkaufswelt gestaltet?
Ja hab ich !
Kann man da den Code hinterlegen?
Probier es mal. Es gibt ein Code-Element damit sollte es klappen.
Ja das haben wir versucht, aber dann wird gar nichts mehr angezeigt - die Seite lädt sich tot
Gib mal den Code
@media (min-width: 768px) { .e2b-instashop .e2b-item, .e2b-grid .e2b-item { width: 33.33%; padding-top: 33.33%; } } .e2b-embed .e2b-row { margin-left: -14px; margin-right: -14px; } .e2b-embed .e2b-item .e2b-item-inner { padding: 14px !important; } .e2b-embed .e2b-item .e2b-item-inner a .e2b-hover-overlay { background: rgba(0,0,0,0.3) !important; } @media (min-width: 768px) { .e2b-embed .e2b-item-detail-wrapper { background: rgba(0,0,0,0.75); } }
Das wird kaum der Code sein.
oh sorry - copy & paste und nicht mehr kontrolliert…
Das sollte der Code sein:
@media (min-width: 768px) { .e2b-instashop .e2b-item, .e2b-grid .e2b-item { width: 25%; padding-top: 25%; } }
@media (min-width: 768px) { .e2b-instashop .e2b-item, .e2b-grid .e2b-item { width: 25%; padding-top: 25%; } }
nutze mal um den Code zu posten diese Funktion:
