In einer bahnbrechenden Ankündigung hat das soziale Netzwerk Twitter seinen Entschluss verkündet, sich einer umfassenden Umgestaltung zu unterziehen und seinen Namen von „Twitter“ in „X“ zu ändern. Diese Veränderung markiert einen tiefgreifenden Neuanfang für das Unternehmen, das seit seiner Gründung 2006 einen integralen Bestandteil der Online-Kommunikation darstellt.
Viele Onlineshops, welche unter anderen auch auf Twitter in Sachen Social Media aktiv sind, geben eine Verlinkung zu Ihrer Twitter-, jetzt X-Profiel-Seite aus. Die Stellen, wo die Social Media Kanäle aus dem Shop verlinkt werden, kann je nach Shop oder Theme variieren. Ob Header, Footer oder via „Teilen“ bzw. „Share“ Buttons bei Beiträgen. An allen Stellen sollte natürlich das neue X-Icon, statt dem alten „Twitter Vogels“ eingebunden werde, und das geht so bei Shopify (im Dawn Theme):
Twitter-Icon mit X-Icon in Shopify in Dawn Theme erstezt
Hinweis: Unser Beispiel bezieht sich auf das Theme Dawn von Shopify in Version 11.0.0. Zunächst navigieren Sie zu Ihren aktiven Theme in Shopify und klicken auf die drei kleinen Punkte. In den sich öffnenden Auswahlmenü wählen Sie „Code bearbeiten“ aus.
Im Code-Editor angekommen suchen Sie nach der Datei „icon-twitter.liquid“.
Tauschen Sie den Inhalt dieser Datei mit folgenden Code aus:
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="icon icon-twitter" viewBox="0 0 16 16"> <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"/> </svg>
Nachdem Sie die Datei gespeichert haben, sollte jedes alte Twitter Icon mit den neuen „X“-Icon ersetzt worden sein.
Sollten Sie ein anderes Theme als Dawn nutzen, schauen Sie im Code-Editor, wo und wie das Twitter Icon eingebunden wurde.
Sollte es ebenfalls ein SVG sein, so können Sie den oberen Code ebenfalls austauschen, wobei je nach CSS Regeln Ihres Themes, das Logo anders angezeigt werden könnte. In diesen Fall müssten Sie auf die Klasse „icon-twitter“ ggf. weitere CSS Regeln anlegen, damit das Logo optimal in Ihren Shop angezeigt werden kann.
URL vom Profil austauschen
Es ist nicht zwingend erforderlich die URL in den Theme-Einstellungen von Twitter zu ändern, da diese von X umgeleitet wird, jedoch würden wir der Vollständigkeit halber empfehlen dieses ebenfalls zu machen. Die Textvariable der Option heißt zwar weiterhin Twitter, aber das neue Icon ist für Kunden sichtbar.
