{"id":9120,"date":"2021-09-28T07:35:45","date_gmt":"2021-09-28T07:35:45","guid":{"rendered":"https:\/\/www.bay20.com\/?p=9120"},"modified":"2025-05-21T16:10:06","modified_gmt":"2025-05-21T10:25:06","slug":"wie-erstelle-ich-ein-element-badge-in-shopware-5","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-erstelle-ich-ein-element-badge-in-shopware-5\/","title":{"rendered":"Wie kann ich in Shopware 5 ein Artikelabzeichen erstellen?"},"content":{"rendered":"\n

Um ein Artikelabzeichen in shopware 5<\/a> zu erstellen, gehen Sie wie folgt vor:<\/p>\n\n\n\n

Schritt 1: <\/strong>Erstellen Sie ein neues Freitextfeld im Backend, um die neuen Abzeichen f\u00fcr jeden Artikel auszuw\u00e4hlen. Gehen Sie zu Konfiguration>Freies Textfeld<\/strong>, um ein neues Textfeld zu erstellen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 2:<\/strong> Klicken Sie auf \u201eElement hinzuf\u00fcgen\u201c<\/strong>, um ein neues Element zu erstellen, und vergewissern Sie sich, dass der Tabellenname f\u00fcr Artikel \u201eElement(s_articles_attributes)\u201c<\/strong> ausgew\u00e4hlt ist.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Schritt 3: <\/strong>F\u00fcllen Sie die erforderlichen Felder der Datenbankkonfiguration<\/strong> und der Ansichtskonfiguration <\/strong>aus.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Datenbankkonfiguration<\/strong><\/strong><\/p>\n\n\n\n

Spaltenname: <\/strong>Benennen Sie die Spalte wie z. B. badge_freeshipping<\/strong><\/p>\n\n\n\n

Spaltentyp: –<\/strong> W\u00e4hlen Sie unter Spaltentyp das Kontrollk\u00e4stchen – INT(1)<\/strong><\/p>\n\n\n\n

Konfiguration anzeigen<\/strong><\/p>\n\n\n\n

Bezeichnung:<\/strong> Benennen Sie die Beschriftung, die in \u00dcbersichtselementen<\/strong> angezeigt werden kann.<\/p>\n\n\n\n

Unterst\u00fctzungstext:<\/strong> Dies ist ein optionales Feld. Es wird unter dem Kontrollk\u00e4stchen<\/strong> in den \u00dcbersichtselementen<\/strong> angezeigt.<\/p>\n\n\n\n

Anzeige im Backend: <\/strong>Wenn Sie dies aktivieren, wird es im Backend angezeigt.<\/p>\n\n\n\n

Hinweis:- Speichern Sie den Vorgang und l\u00f6schen Sie den Cache.<\/strong><\/p>\n\n\n\n

Schritt 4: <\/strong>Rufen Sie das Shopware-Themenverzeichnis Ihrer Website auf.<\/p>\n\n\n\n

Schritt 5: <\/strong>Erstellen Sie das neue Unterverzeichnis mit dem Namen product-badges.tpl<\/strong><\/p>\n\n\n\n

Dateistruktur:-<\/strong><\/p>\n\n\n\n

themes\/Frontend\/Custom\/frontend\/listing\/product-box\/product-badges.tpl\n<\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Hinweis: <\/strong>Das benutzerdefinierte<\/strong> Verzeichnis ist ein Thema, das ich bereits erstellt habe.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 6: <\/strong>F\u00fcgen Sie diesen Code in product-badges.tpl <\/strong>ein<\/p>\n\n\n\n
{extends file=\"parent:frontend\/listing\/product-box\/product-badges.tpl\"}\n\n{block name='frontend_listing_box_article_esd'}\n  {$smarty.block.parent}\n    {if $sArticle.badge_freeshipping}\n      <div class=\"product--badge badge--free-shipping\">{s namespace='frontend\/listing\/box_article' name=\"ListingBoxShippingCosts\"}Free shipping{\/s}<\/div>\n  {\/if}\n{\/block}<\/code><\/pre>\n\n\n\n
Schritt 7: <\/strong>Erstellen Sie eine neue Datei namens product-box.less <\/strong>im Verzeichnis _modules.<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 8: <\/strong>F\u00fcgen Sie diesen Code in die Datei product-box.less <\/strong>ein.<\/p>\n\n\n\n
.product--box\n\t.product--badges {\n\t\t.badge--free-shipping {\n\t\t\tcolor: #FFFFFF;\n\t\t\tbackground: #000000;\n\t}\n}<\/code><\/pre>\n\n\n\n
Schritt 9: <\/strong>Erstellen Sie die Datei all.less<\/strong> im Verzeichnis less<\/strong>. Und importieren Sie die Produkt-Box<\/strong> in sie.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 10: <\/strong>F\u00fcgen Sie diesen Code in die Datei all.less <\/strong>ein.<\/p>\n\n\n\n
@import \"_modules\/product-box\";<\/code><\/pre>\n\n\n\n
Hinweis:<\/strong> Speichern Sie diesen Vorgang und aktivieren Sie das Kontrollk\u00e4stchen, das wir f\u00fcr jedes Element erstellt haben.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Ergebnisse:<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung f\u00fcr Shopware 5 ben\u00f6tigen. Sie k\u00f6nnen auch die Shopware 5 Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
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\u00fcr jeden Artikel auszuw\u00e4hlen. Gehen Sie zu Konfiguration>Freies Textfeld, um ein neues Textfeld zu erstellen. Schritt 2: Klicken Sie auf \u201eElement hinzuf\u00fcgen\u201c, um ein neues Element zu erstellen, und […]<\/p>\n","protected":false},"author":74,"featured_media":9121,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,116],"tags":[],"class_list":["post-9120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","category-shopware-5"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=9120"}],"version-history":[{"count":10,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9120\/revisions"}],"predecessor-version":[{"id":17274,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9120\/revisions\/17274"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/9121"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=9120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=9120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=9120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}