Wie kann ich ein beliebiges Symbol in Shopware 5 anpassen?

Shopware, Shopware 5

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 Sie ein neues Unterverzeichnis namens info.tpl

Dateistruktur:-

/themes/Frontend/Custom/widgets/checkout/info.tpl

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

Schritt 3: Fügen Sie diesen Code in die Datei info.tpl ein.

{extends file="parent:widgets/checkout/info.tpl"}

{block name="frontend_index_checkout_actions_notepad"}
	<li class="navigation--entry entry--notepad" role="menuitem">
		<a href="{url controller='note'}" title="{"{s namespace='frontend/index/checkout_actions' name='IndexLinkNotepad'}{/s}"|escape}" class="btn">
			<i class="icon--eye"></i>
			{if $sNotesQuantity > 0}
				<span class="badge notes--quantity">
					{$sNotesQuantity}
				</span>
			{/if}
		</a>
	</li>
{/block}

Hinweis:- Löschen Sie den Cache und sehen Sie sich das Kopfzeilensymbol an, das sich in ein Augensymbol verwandelt.

Jetzt werden wir die Plus-Symbole in der Fußzeile ändern. Sie können dies in der mobilen Ansicht finden.

Schritt 4: Erstellen Sie die Datei footer.less im Verzeichnis _modules.

Dateistruktur:-

themes/Frontend/Custom/frontend/_public/src/less/_modules/footer.less

und fügen Sie diesen Code ein.

.footer-main {
    .column--headline {
        &.is--active::after {
            content: "\e6cf";
        }

        &::after {
            content: "\e6ce";
        }
    }
}

Erstellen Sie die Datei all.less, um die less-Datei zu importieren. Und schreiben Sie diesen Code hinein.

@import "_modules/footer";

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.