Kann ich mehrere Bilder mit einer Option verknüpfen?

"

Mit Shopify können Sie Bilder zu Produktoptionen hinzufügen, sodass Kunden sehen können, wie jede Auswahl aussieht. Aufgrund der Regulierung durch Shopify können Sie jedoch nur ein Bild mit einem Optionswert verknüpfen. Die Frage ist also: Wie können mehrere Bilder einer Option zugeordnet werden?

In Concept gibt es eine Antwort, in der Sie bestimmte Bilder für einen Optionswert angeben können . Diese Funktion eignet sich besonders für die Farboption, Sie können sie jedoch auch für andere gewünschte Zwecke verwenden.

Auf dieser Seite

• Anforderungen
• Wähle eine Option
• Bearbeiten Sie den ALT-Tag der Bilder
• Legen Sie meinen eigenen Alternativtext fest (oder behalten Sie ihn bei).

Anforderungen

1. In diesem Artikel geht es um die Einrichtung im Concept -Theme.

2. Sie müssen die Option „Medien anderer Varianten nach Auswahl einer Variante ausblenden“ deaktivieren . Diese Option ist mit dem nativen Shopify-Verhalten kompatibel – es wird nur ein Bild einem Optionswert zugeordnet.

3. In Concept ist diese Option in den folgenden Abschnitten verfügbar:

   • Abschnitt „Empfohlene Produkte“ .
   • Abschnitt „Produktinformationen“ (auf den Produktseiten.)

Wählen Sie eine gewünschte Option

Schauen Sie sich Ihr Produkt in Ihrem Admin an und wählen Sie eine Option aus, mit der Sie Ihre Bilder klassifizieren möchten.

Im folgenden Beispiel habe ich mich für Farbe entschieden. Das Flow Harmony -Produkt ist in den Farben Gold Tone , Black , Chestnut , Navy und Crimson Shadow erhältlich und ich möchte die entsprechenden Bilder nur anzeigen, wenn ein Benutzer eine Option auswählt.

Bearbeiten Sie den ALT-Tag der Bilder

Sie müssen das Alt-Tag bearbeiten, um den „Optionsnamen und Optionswert“ anzugeben, zu dem das Bild gehört:

1. Bewegen Sie den Mauszeiger über das Bild und klicken Sie auf die Schaltfläche mit den sechs Punkten, um die Bildinformationen zu öffnen

2. Klicken Sie auf Alternativtext hinzufügen .

3. Verwenden Sie den von Ihnen gewählten Optionsnamen in Kombination mit dem Optionswert . Die Syntax ist hier sehr wichtig und muss in der folgenden Reihenfolge vorliegen:

   • # (Hashtag-Zeichen)
   • option-name (Kleinbuchstaben, alle Leerzeichen durch Bindestriche ersetzen)
   • _ (Unterstrich)
   • option-value (Kleinbuchstaben, alle Leerzeichen durch Bindestriche ersetzen)

   Wenn ich beispielsweise die Option „Farbe“ wähle und ein Bild mit der Farbe „Goldton“ verknüpfen möchte, sollte der Alternativtext #color_gold-tone lauten

4. Klicken Sie auf Alternativtext speichern , um die Änderungen zu speichern.

5. Führen Sie den gleichen Vorgang für andere Bilder durch.

Legen Sie meinen eigenen Alternativtext fest (oder behalten Sie ihn bei).

Was ist, wenn ich meinen eigenen Alt für SEO-Zwecke festlegen (oder behalten) möchte? Fügen Sie einfach vor dem # -Zeichen etwas in das Alt-Feld ein, etwa so:

Wir hoffen, dass dieser Artikel hilfreich war. Wenn Sie Fragen oder Bedenken zu dieser Funktion haben, wenden Sie sich bitte an unser Team, um Unterstützung zu erhalten.

"