Fórum OpenCart Brasil

[leandrorppo]

Olá! Tudo bem?

Neste tutorial ensinarei como deixar o preço do produto com desconto por porcentagem.

!!!Antes de qualquer alteração efetue um backup do arquivo que será alterado!!!

Utilizarei como base para a explicação o tema Default.

Procure pelo arquivo :
catalog\view\theme\default\template\product\product.twig

Busque por:

Código: Selecionar todos

{{ text_discount }}{{ discount.price }}

E abaixo do

Código: Selecionar todos

{% endif %}

Insira o código para o desconto:

Código: Selecionar todos

<!-- Leandro R.P.P.O -->
{% if not special %}
{% set preco_lrppo = price|replace({' ':'', 'R$':'', ',':'.'}) %}
{% else %}  
{% set preco_lrppo = special|replace({' ':'', 'R$':'', ',':'.'}) %} 
{% endif %}  
{% set preco_lrppo = preco_lrppo %} 
{% set percentual = 20 / 100 %}  
{% set valor_final = preco_lrppo - (percentual * preco_lrppo) %}
{% set valor_lrppo = valor_final|number_format(2, ',', '.') %}
<h2><strong><p>À vista: R$ {{ valor_lrppo }}</h2>
<!-- Fim -->

Ficará assim na página do produto:

Código: Selecionar todos

<li>{{ discount.quantity }}{{ text_discount }}{{ discount.price }}</li> <! Esta linha que comento que deve ser buscada -->
            {% endfor %}
            {% endif %} <!-- Após este endif que tem de colocar o código de desconto -->
            
<!-- Leandro R.P.P.O -->
{% if not special %}
{% set preco_lrppo = price|replace({' ':'', 'R$':'', ',':'.'}) %}
{% else %}  
{% set preco_lrppo = special|replace({' ':'', 'R$':'', ',':'.'}) %} 
{% endif %}  
{% set preco_lrppo = preco_lrppo %} 
{% set percentual = 20 / 100 %}  
{% set valor_final = preco_lrppo - (percentual * preco_lrppo) %}
{% set valor_lrppo = valor_final|number_format(2, ',', '.') %}
<h2><strong><p>À vista: R$ {{ valor_lrppo }}</h2>
<!-- Fim -->

A linha do código que definirá o desconto:

Código: Selecionar todos

{% set percentual = 20 / 100 %}  

No exemplo está com 20% de desconto, ou seja, se o produto custa R$80,00 com o desconto ficará em R$64,00.

Após modificar o arquivo product.twig siga para a seção:
Extensões->Modificações->Atualizar

Resultado do tutorial:


Para versões 2.X tem o tutorial que criei em 2014:
viewtopic.php?f=41&t=9741

[marciojosebaldo]

Valeu, cara. Dei joinha pela disposição em fazer o tutorial

[leandrorppo]

@marciojosebaldo , obrigado!
Abraço

[nortgraf]

Otimo tutorial, mas infelizmente não funcionou pra mim. Versão 3.0.3.3.

[leandrorppo]

Olá, @nortgraf ! Tudo bem?

Verifique se o cache, seguem as dicas abaixo:

Veja o log na seção: Extensões->Modificações à procura de algum NOT FOUND, caso tenha terá de adaptar o xml. Outra questão para abordar é sobre o cache, seguem algumas dicas a respeito.

Siga em Extensões->Modificações ->Clique no botão azul (atualizar).

Logo após, acesse a primeira página da área administrativa, clique na engrenagem localizada no canto superior direito,abrirá a opção para limpar o cache do tema, clique em OFF, atualize e depois clique em On e atualize novamente.

Se mesmo assim não der certo, terá de limpar manualmente.
Acesse as pastas:
storage/cache
e
storage/modification

Limpe o conteúdo das duas pastas (não apague o arquivo index.html).

Se alterar o CSS ou Java Script, pode ser que o cache seja mantido no browser, é bom limpá-lo também.

Costumo executar as mudanças de layout no Mozilla que não mantém o cache do CSS e Java Script.

Se mesmo assim ainda estiver com o cache antigo, verifique se tem algum link da própria hospedagem para limpeza de cache ou se o tema que utiliza tem cache próprio ou se tem o Cloudfare em funcionamento.