Medien - Bild

Erweitern Sie im Page Builder Bedienfeld Media und ziehen Sie einen Image Platzhalter in den Ziel-Container.

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 ​: Verwenden Sie diese Methode, um eine neue Bilddatei von Ihrem System hochzuladen.

  • Klicken Sie auf Upload Image.

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

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

• ​ Vorhandenes Asset auswählen ​: Verwenden Sie diese Methode, um ein vorhandenes Bild-Asset aus dem Medienspeicher/der Mediensammlung 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 für Ihren Administrator konfiguriert.

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

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

    Weitere zum Arbeiten mit Adobe Stock-Assets findenunter „Verwenden von Adobe StockBildern“.

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

Das Bild wird im Ziel-Container an der Position 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 Bild-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol Einstellungen ( {width="20"} ) aus.
Der Dateiname, die Abmessungen und die Dateigröße werden unter dem aktuellen Bild angezeigt.

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

Führen Sie einen der folgenden Schritte aus, um die aktuelle Image zu ändern:

• ​ Neues Bild hochladen ​: Verwenden Sie diese Methode, um eine neue Bilddatei von Ihrem System hochzuladen.

  • Klicken Sie auf Upload Image.

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

• ​ Vorhandenes Asset auswählen ​: Verwenden Sie diese Methode, um ein vorhandenes Bild-Asset aus dem Medienspeicher/der Mediensammlung 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 für Ihren Administrator konfiguriert.

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

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

    Weitere zum Arbeiten mit Adobe Stock-Assets findenunter „Verwenden von Adobe StockBildern“.

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

Verwenden Sie zum Hinzufügen eines Mobile Image dieselben 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 einen 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 Link-Typen verwenden:

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

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

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

• Category - Identifiziert die Zielseite als eine bestimmte Kategorie oder Unterkategorie in der Kategoriestruktur. Suche nach der Kategorie basierend auf einem Teil- oder Vollnamen. Wählen Sie die Kategorie aus dem erweiterten Abschnitt der angezeigten Baumstruktur aus.

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

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

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

Wenn Sie verhindern möchten, dass der Besucher Ihren Store verlässt, aktivieren Sie das Kontrollkästchen Open in new tab . Wenn das Kontrollkästchen deaktiviert ist, wird das verknüpfte Ziel in derselben Browser-Registerkarte geöffnet, die den Besucher effektiv von Ihrem Store weg navigieren könnte.

Um ein 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 mit dem aktuellen Design verknüpft ist.

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

Aktualisieren Sie alle anderen Einstellungen nach Bedarf:

• Suchmaschinenoptimierung
• Erweitert

Klicken Sie abschließend auf Save , um die Einstellungen anzuwenden und zum Arbeitsbereich Page Builder zurückzukehren.

Bewegen Sie den Mauszeiger über den Bild-Container, um die Toolbox anzuzeigen, und wählen Sie Symbol „Verschieben ( {width="20"} ) aus.

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

Wählen Sie das Bild aus und ziehen Sie es an die neue Position, direkt unter der roten Richtlinie.

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

Bewegen Sie den Mauszeiger über den Bild-Container, um die Toolbox anzuzeigen, und wählen das Symbol Entfernen ( {width="20"} ) aus.

Wenn Sie zum Bestätigen aufgefordert werden, klicken Sie auf OK.