Wie kann ich in Shopware 5 ein Artikelabzeichen erstellen?

Um ein Artikelabzeichen in shopware 5 zu erstellen, gehen Sie wie folgt vor:

Schritt 1: Erstellen Sie ein neues Freitextfeld im Backend, um die neuen Abzeichen für jeden Artikel auszuwählen. Gehen Sie zu Konfiguration>Freies Textfeld, um ein neues Textfeld zu erstellen.

Schritt 2: Klicken Sie auf „Element hinzufügen“, um ein neues Element zu erstellen, und vergewissern Sie sich, dass der Tabellenname für Artikel „Element(s_articles_attributes)“ ausgewählt ist.

Schritt 3: Füllen Sie die erforderlichen Felder der Datenbankkonfiguration und der Ansichtskonfiguration aus.

Datenbankkonfiguration

Spaltenname: Benennen Sie die Spalte wie z. B. badge_freeshipping

Spaltentyp: – Wählen Sie unter Spaltentyp das Kontrollkästchen – INT(1)

Konfiguration anzeigen

Bezeichnung: Benennen Sie die Beschriftung, die in Übersichtselementen angezeigt werden kann.

Unterstützungstext: Dies ist ein optionales Feld. Es wird unter dem Kontrollkästchen in den Übersichtselementen angezeigt.

Anzeige im Backend: Wenn Sie dies aktivieren, wird es im Backend angezeigt.

Hinweis:- Speichern Sie den Vorgang und löschen Sie den Cache.

Schritt 4: Rufen Sie das Shopware-Themenverzeichnis Ihrer Website auf.

Schritt 5: Erstellen Sie das neue Unterverzeichnis mit dem Namen product-badges.tpl

Dateistruktur:-

themes/Frontend/Custom/frontend/listing/product-box/product-badges.tpl

Hinweis: Das benutzerdefinierte Verzeichnis ist ein Thema, das ich bereits erstellt habe.

Schritt 6: Fügen Sie diesen Code in product-badges.tpl ein

{extends file="parent:frontend/listing/product-box/product-badges.tpl"}

{block name='frontend_listing_box_article_esd'}
  {$smarty.block.parent}
    {if $sArticle.badge_freeshipping}
      <div class="product--badge badge--free-shipping">{s namespace='frontend/listing/box_article' name="ListingBoxShippingCosts"}Free shipping{/s}</div>
  {/if}
{/block}

Schritt 7: Erstellen Sie eine neue Datei namens product-box.less im Verzeichnis _modules.

Schritt 8: Fügen Sie diesen Code in die Datei product-box.less ein.

.product--box
	.product--badges {
		.badge--free-shipping {
			color: #FFFFFF;
			background: #000000;
	}
}

Schritt 9: Erstellen Sie die Datei all.less im Verzeichnis less. Und importieren Sie die Produkt-Box in sie.

Schritt 10: Fügen Sie diesen Code in die Datei all.less ein.

@import "_modules/product-box";

Hinweis: Speichern Sie diesen Vorgang und aktivieren Sie das Kontrollkästchen, das wir für jedes Element erstellt haben.

Ergebnisse:

Bitte kontaktieren Sie uns unter manish@bay20.com oder rufen Sie uns unter +91-8800519180 an, wenn Sie Unterstützung für Shopware 5 benötigen. Sie können auch die Shopware 5 Entwicklungsseite besuchen, um die von uns angebotenen Dienstleistungen zu überprüfen.