How to create breadcrumb in OpenCart?

Ziele des Blogs

Breadcrumbs werden normalerweise horizontal über dem oberen Rand einer Webseite angezeigt, häufig unter Titelleisten oder Kopfzeilen, damit Benutzer ihre Standorte auf Seiten nachverfolgen können. Nachdem wir diesen Blog gelesen haben, können wir auf der Opencart-Seite einen benutzerdefinierten Breadcrumb hinzufügen.

Problem Statement

Viele der bezahlten benutzerdefinierten Themen enthalten keine Breadcrumbs in ihrem Thema. Es ist jedoch nicht so schwer für einen Benutzer, in OpenCart-Seiten einen Breadcrumb hinzuzufügen. Siehe untenstehenden Screenshot für dasselbe:

Lösung:

Sie müssen nur einen Block hinzufügen

<div class = "page-top"> <div class = "container"> <ol class = "breadcrumb"> <? php foreach ($ breadcrumbs als $ breadcrumb) {?> <li> <a href = "<? php echo $ breadcrumb ['href'];?> "> <? php if ($ breadcrumb ['text']! = '<i class =" fa fa-home "> </ i>') {echo $ breadcrumb ['Text']; } else {if ($ theme_options-> get ('home_text', $ config-> get ('config_language_id'))! = '') {echo $ theme_options-> get ('home_text', $ config-> get (' config_language_id ')); } else {echo 'Zuhause'; }}?> </a> </ li> <? php}?> </ ol> </ div> <! - End .container -> </ div>

Sie können den obigen Code hinzufügen <? php echo $ column_left; ?> Erklärung. Dieser benutzerdefinierte Breadcrumb kann auf Produktseiten, Kontoseiten, Kategorieseiten und anderen hinzugefügt werden.

$ Brotkrumen Die oben in tpl aufgerufene Variable ist bereits in allen Seitencontrollern in opencart definiert. Es ist in der folgenden Datei in der Controller-Datei der Seite definiert –

$ data ['breadcrumbs'] = array (); $ data ['breadcrumbs'] [] = array ('text' => $ this-> language-> get ('text_home')), 'href' => $ this-> url-> link ('common / home') )); $ data ['breadcrumbs'] [] = array ('text' => $ category_info ['name'], 'href' => $ this-> url-> link ('product / category', 'path ='. $ path));

Sobald Sie den Code in der tpl-Datei hinzugefügt haben, können Sie Ihren Breadcrumb auf Ihrer Seite überprüfen. Bitte überprüfen Sie unseren benutzerdefinierten Breadcrumb (HOME | FORD TRACTOR ANKER PATTI SET) auf der Produktseite unten –

Zusammenfassung

Nachdem Sie die obige Lösung gelesen haben, können Sie Ihren eigenen benutzerdefinierten Breadcrumb auf den OpenCart-Seiten hinzufügen.