Medien - Bild

Erweitern Sie im Bedienfeld Page Builder den Eintrag Media und ziehen Sie einen Image Platzhalter in den Zielcontainer.

Sie können ein Bild zu einer Zeile, Spalte oder Registerkarte hinzufügen. Im folgenden Beispiel wird das Bild in eine leere Spalte gezogen.

{width="600" modal="regular"}

Verwenden Sie eine der folgenden Methoden, um das Bild-Asset hinzuzufügen:

{width="500" modal="regular"}

• ​ Neues Bild hochladen ​: Mit dieser Methode können Sie eine neue Bilddatei von Ihrem System hochladen.

  • Klicken Sie auf Upload Image.

  • Suchen Sie das Bild und wählen Sie es aus, um es der Galerie und dem Zielcontainer hinzuzufügen.

  Alternativ können Sie eine Bilddatei auch aus Ihrem System ziehen und auf das Symbol Kamera ( {width="20"} ) ziehen.

• ​ Vorhandenes Asset auswählen ​: Verwenden Sie diese Methode, um ein vorhandenes Bild-Asset aus dem Medienspeicher/der Galerie auszuwählen.

  • Klicken Sie auf Select from Gallery.

  • Navigieren Sie mithilfe der Baumstruktur zum Bild.

  • Klicken Sie auf die Miniaturansicht und dann auf Add Selected.

    {width="600" modal="regular"}

• ​ Adobe Stock-Bild suchen und auswählen ​: Verwenden Sie diese Methode, um ein Bild aus Adobe Stock zu suchen.

  note note
  NOTE
  Für diese Methode ist eine Adobe Stock-Integration erforderlich, die für Ihren Administrator konfiguriert ist.

  • Klicken Sie auf Search Adobe Stock und suchen Sie nach einem Bild.

  • Speichern Sie die Vorschau oder das lizenzierte Bild in der Galerie.

    Weitere Informationen zum Arbeiten mit Adobe Stock-Assets finden Sie unter Verwenden von Adobe Stock-Bildern .

  • Wählen Sie die Asset-Miniaturansicht in der Galerie aus und klicken Sie auf Add Selected.

Das Bild wird im Zielbehälter am Speicherort des Platzhalters angezeigt. Im Gegensatz zu einem Hintergrundbild können Sie das Bild an eine andere Position innerhalb des aktuellen Containers oder in einen anderen Container verschieben.

{width="500" modal="regular"}

Bewegen Sie den Mauszeiger über den Bildcontainer, um das Tool-Feld anzuzeigen und das Symbol Einstellungen ( {width="20"} ) zu wählen.
Dateiname, Abmessungen und Dateigröße werden unter dem aktuellen Bild angezeigt.

{width="600" modal="regular"}

Um den aktuellen Image-Wert zu ändern, führen Sie einen der folgenden Schritte aus:

• ​ Neues Bild hochladen ​: Mit dieser Methode können Sie eine neue Bilddatei von Ihrem System hochladen.

  • Klicken Sie auf Upload Image.

  • Suchen Sie das Bild und wählen Sie es aus, um es der Galerie und dem Zielcontainer hinzuzufügen.

• ​ Vorhandenes Asset auswählen ​: Verwenden Sie diese Methode, um ein vorhandenes Bild-Asset aus dem Medienspeicher/der Galerie auszuwählen.

  • Klicken Sie auf Select from Gallery.

  • Navigieren Sie mithilfe der Baumstruktur zum Bild.

  • Klicken Sie auf die Miniaturansicht und dann auf Add Selected.

    {width="600" modal="regular"}

• Adobe Stock-Bild suchen und auswählen: Verwenden Sie diese Methode, um ein Bild aus Adobe Stock zu suchen.

  note note
  NOTE
  Für diese Methode ist eine Adobe Stock-Integration erforderlich, die für Ihren Administrator konfiguriert ist.

  • Klicken Sie auf Search Adobe Stock und suchen Sie nach einem Bild.

  • Speichern Sie die Vorschau oder das lizenzierte Bild in der Galerie.

    Weitere Informationen zum Arbeiten mit Adobe Stock-Assets finden Sie unter Verwenden von Adobe Stock-Bildern .

  • Wählen Sie die Asset-Miniaturansicht in der Galerie aus und klicken Sie auf Add Selected.

Verwenden Sie zum Hinzufügen von Mobile Image die im vorherigen Schritt beschriebenen Methoden, um ein Bild auszuwählen, das für die Anzeige auf Mobilgeräten verwendet werden soll.

{width="600" modal="regular"}

Geben Sie bei Bedarf Link für das Bild an.

Der Link ist die Zielseite, die angezeigt wird, wenn der Kunde auf das Bild klickt. Sie können einen von drei Linktypen verwenden:

• URL - Links zu einer relativen oder vollständig qualifizierten URL.

• Product - Identifiziert die Zielseite anhand des Produktnamen oder der SKU. Suchen Sie nach dem Produkt anhand des Namens, der entweder auf einem Teil- oder einem vollständigen Namen basiert. Wählen Sie das Produkt aus der Liste der Suchergebnisse aus.

  {width="600" modal="regular"}

• Category - Identifiziert die Zielseite als eine bestimmte Kategorie oder Unterkategorie im Kategoriebaum. Suchen Sie nach der Kategorie basierend auf einem Teil- oder Vollnamen. Wählen Sie die Kategorie aus dem erweiterten Bereich des angezeigten Baums aus.

  {width="600" modal="regular"}

• Page - Identifiziert die Zielseite als bestimmte Inhaltsseite. Suchen Sie nach der Seite, die auf einem Teil- oder vollständigen Namen basiert. Wählen Sie die Seite aus der Liste der Suchergebnisse aus.

  {width="600" modal="regular"}

Wenn Sie verhindern möchten, dass der Besucher von Ihrem Store weg navigiert, aktivieren Sie das Kontrollkästchen Open in new tab . Wenn das Kontrollkästchen deaktiviert wird, wird das verknüpfte Ziel in derselben Browser-Registerkarte geöffnet, wodurch der Besucher effektiv von Ihrem Store weg navigiert.

Um eine Image Caption hinzuzufügen, geben Sie den Text ein, der unter dem Bild angezeigt werden soll.

Das Format der Beschriftung wird durch das Stylesheet bestimmt, das dem aktuellen Design zugeordnet ist.

Die Beschriftung wird normalerweise unter dem Bild angezeigt und liefert Informationen über das Bild für Besucher und Suchmaschinen. Wenn Ihre Site in mehreren Sprachen verfügbar ist, können Sie dasselbe Bild verwenden, die Beschriftung jedoch übersetzen. In HTML ist das Tag <figcaption> eine Untergruppe des Tags <figure>. <figcaption>This is the image caption</figcaption>

Aktualisieren Sie die anderen Einstellungen nach Bedarf:

• Suchmaschinenoptimierung
• Erweitert

Klicken Sie nach Abschluss des Vorgangs auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Bewegen Sie den Mauszeiger über den Bildcontainer, um die Werkzeugleiste anzuzeigen, und wählen Sie das Symbol Verschieben ( {width="20"} ).

{width="500" modal="regular"}

Wählen Sie das Bild aus und ziehen Sie es an die neue Position, direkt unterhalb der roten Führungslinie.

{width="500" modal="regular"}

Bewegen Sie den Mauszeiger über den Bildcontainer, um die Werkzeugleiste anzuzeigen, und wählen Sie das Symbol Entfernen ( {width="20"} ).

Klicken Sie bei Aufforderung zur Bestätigung auf OK.