{"id":9133,"date":"2021-09-28T07:43:07","date_gmt":"2021-09-28T07:43:07","guid":{"rendered":"https:\/\/www.bay20.com\/?p=9133"},"modified":"2025-05-21T16:09:14","modified_gmt":"2025-05-21T10:24:14","slug":"wie-anpassen-eines-symbols-in-shopware-5","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-anpassen-eines-symbols-in-shopware-5\/","title":{"rendered":"Wie kann ich ein beliebiges Symbol in Shopware 5 anpassen?"},"content":{"rendered":"\n

Wir werden das Herzsymbol der Wishlist <\/strong>in ein Augen<\/strong>symbol in der shopware 5 Kopfzeile umwandeln. Unser shopware 5 Header-Symbol sieht so aus:<\/p>\n\n\n\n

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

Wir wollen das Herz-Symbol durch Augen-Symbole wie unten ersetzen.<\/p>\n\n\n\n

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

Um das Symbol in Shopware 5<\/a> anzupassen, gehen Sie wie folgt vor.<\/p>\n\n\n\n

Schritt 1: <\/strong>Gehen Sie in das Shopware-Themenverzeichnis Ihrer Website.<\/p>\n\n\n\n

Schritt 2: <\/strong>Erstellen Sie ein neues Unterverzeichnis namens info.tpl<\/strong><\/p>\n\n\n\n

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

\/themes\/Frontend\/Custom\/widgets\/checkout\/info.tpl<\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Hinweis: <\/strong>Das benutzerdefinierte Verzeichnis ist ein Thema, das ich bereits erstellt habe.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 3: <\/strong>F\u00fcgen Sie diesen Code in die Datei info.tpl <\/strong>ein.<\/p>\n\n\n\n
{extends file=\"parent:widgets\/checkout\/info.tpl\"}\n\n{block name=\"frontend_index_checkout_actions_notepad\"}\n\t<li class=\"navigation--entry entry--notepad\" role=\"menuitem\">\n\t\t<a href=\"{url controller='note'}\" title=\"{\"{s namespace='frontend\/index\/checkout_actions' name='IndexLinkNotepad'}{\/s}\"|escape}\" class=\"btn\">\n\t\t\t<i class=\"icon--eye\"><\/i>\n\t\t\t{if $sNotesQuantity > 0}\n\t\t\t\t<span class=\"badge notes--quantity\">\n\t\t\t\t\t{$sNotesQuantity}\n\t\t\t\t<\/span>\n\t\t\t{\/if}\n\t\t<\/a>\n\t<\/li>\n{\/block}<\/code><\/pre>\n\n\n\n
Hinweis:-<\/strong> L\u00f6schen Sie den Cache und sehen Sie sich das Kopfzeilensymbol an, das sich in ein Augensymbol verwandelt.<\/p>\n\n\n\n
Jetzt werden wir die Plus-Symbole in der Fu\u00dfzeile \u00e4ndern. Sie k\u00f6nnen dies in der mobilen Ansicht finden.<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Schritt 4: <\/strong>Erstellen Sie die Datei footer.less <\/strong>im Verzeichnis _modules.<\/strong><\/p>\n\n\n\n
Dateistruktur:-<\/strong><\/p>\n\n\n\n
themes\/Frontend\/Custom\/frontend\/_public\/src\/less\/_modules\/footer.less<\/code><\/pre>\n\n\n\n
und f\u00fcgen Sie diesen Code ein.<\/p>\n\n\n\n
.footer-main {\n    .column--headline {\n        &.is--active::after {\n            content: \"\\e6cf\";\n        }\n\n        &::after {\n            content: \"\\e6ce\";\n        }\n    }\n}<\/code><\/pre>\n\n\n\n
Erstellen Sie die Datei all.less<\/strong>, um die less<\/strong>-Datei zu importieren. Und schreiben Sie diesen Code hinein.<\/p>\n\n\n\n
@import \"_modules\/footer\";<\/code><\/pre>\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":"
Wir werden das Herzsymbol der Wishlist in ein Augensymbol in der shopware 5 Kopfzeile umwandeln. Unser shopware 5 Header-Symbol sieht so aus: Wir wollen das Herz-Symbol durch Augen-Symbole wie unten ersetzen. Um das Symbol in Shopware 5 anzupassen, gehen Sie wie folgt vor. Schritt 1: Gehen Sie in das Shopware-Themenverzeichnis Ihrer Website. Schritt 2: Erstellen […]<\/p>\n","protected":false},"author":74,"featured_media":9162,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,116],"tags":[],"class_list":["post-9133","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\/9133","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=9133"}],"version-history":[{"count":10,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9133\/revisions"}],"predecessor-version":[{"id":17273,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/9133\/revisions\/17273"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/9162"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=9133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=9133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=9133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}