How to create breadcrumb in OpenCart?

Objetivos do blog

Os breadcrumbs geralmente aparecem horizontalmente na parte superior de uma página da Web, geralmente abaixo das barras de título ou dos cabeçalhos, permitindo que os usuários acompanhem seus locais nas páginas. Depois de ler este blog, poderemos adicionar um breadcrumb personalizado na página do Opencart.

Problema Declaração

Muitos dos temas personalizados pagos não fornecem breadcrumbs em seu tema. Mas não é tão difícil para um usuário adicionar um breadcrumb nas páginas do OpenCart. Consulte a captura de tela abaixo para o mesmo:

breadcrumb nas páginas do OpenCart

Solução:

Você só precisa adicionar um bloco de

<div class = "page-top"> <div classe = "container"> <ol class = "breadcrumb"> <? php foreach ($ breadcrumbs como $ breadcrumb) {?> <li> <a href = "<? php echo $ breadcrumb ['href'];?> "> <? php if ($ breadcrumb ['texto']! = '<i class =" fa fa-home "> </ i>') {echo $ breadcrumb ['texto']; } 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 'Home'; }}?> </a> </ li> <? php}?> </ ol> </ div> <! - End .container -> </ div>

Você pode adicionar o código acima <? php echo $ column_left; ?> declaração. Esse breadcrumb personalizado pode ser adicionado em páginas de produtos, páginas de contas, páginas de categorias e outros.

$ breadcrumb variável chamada acima tpl já está definida em todas as páginas do controlador em operação. É definido no formato abaixo no arquivo do controlador da página –

$ data ['breadcrumbs'] = array (); $ data ['breadcrumbs'] [] = array ('text' => $ this-> idioma-> get ('text_home'), 'href' => $ this-> url-> link ('comum / home' )); $ data ['breadcrumbs'] [] = array ('texto' => $ category_info ['nome'], 'href' => $ this-> url-> link ('produto / categoria', 'caminho ='. $ path));

Uma vez, você adicionou o código no arquivo tpl, você pode verificar o seu breadcrumb em sua página. Por favor, verifique nosso breadcrumb personalizado (HOME | FORTE DO PATTI DE ÂNCORA DO TRATOR DE FORD) na página do produto abaixo –

Resumo

Depois de ler a solução acima, você poderá adicionar seu próprio breadcrumb personalizado nas páginas do OpenCart.


Como abrir

Objetivos do blog

Depois de ler este blog, poderemos adicionar oTermos e Condições"link para abri-lo em

Cenário atual

Atualmente, o "Termos & Condições"link mostraTermos & Condições"ter textos personalizados e

Procedimento:

PASSO 1: –

O link Termos e Condições exibido na página de checkout padrão reside emcatalog / view / theme / default / template / checkout / payment_method.tpl, Bloco de código usado para

<div class = "pull-right"> <? php echo $ text_agree; ?>

$ text_agree?is the variable that prints the link on?page?and this variable is set at location?catalog / controller / checkout / payment_method.php

Variável

$ data ['text_agree'] = sprintf ($ this-> idioma-> get ('text_agree'), $ this-> url-> link ('informação / informação / acordo', 'informação_id ='. $ this-> config-> get ('config_checkout_id'), true), $ informação_info ['título'], $ informação_info ['título']);

Você precisa substituir essa definição por

$ data ['text_agree'] = sprintf ($ this-> idioma-> get ('text_agree'), $ this-> url-> link ('informação / informação', 'information_id = 5', true), $ information_info ['title'], $ information_info ['title']);

nós substituímos o

https://your_store_url/index.php?route=information/information/agree&information_id=5

que não contém

https://your_store_url.com/index.php?route=information/information&information_id=5

que contém

DEGRAU

Por fim, você tem que editar a definição decatálogo / idioma / en-gb / checkout / checkout.php

In?above?file location there would be a definition as below : –

$ _ ['text_agree'] = 'Li e concordo com os <a href="%s" class="agree"> <b>% s </ b> </a>';

Nós temos que adicionar

$ _ ['text_agree'] = 'Li e aceito os <a href="%s" target="_blank"> <b>% s </ b> </a>';

Depois de salvar as alterações acima, poderemos abrir o "Termos & Condições"link em uma nova guia

Resumo:

Após seguir as alterações acima, poderemos abrir o "Termos & Condições"link em uma nova guia

NOTA:?This demonstration is for default template but this will work same for other templates having similar code.