Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte para temas OpenCart v2.x.
Por Hélio
#63657
Olá, preciso da seguinte informação:
- como faço para colocar uma imagem, tipo um folder de ofertas na abertura da loja, minha versão é a 2.1.0.1.
#63660
Você pode fazer isso com lightbox, abaixo customizei um rapidinho, é só colocar o código no arquivo "catalog/view/theme/default/template/common/header.tpl" antes de "</head>", onde tem "LINK DA IMAGEM" você deve informar o link da imagem em seu servidor "folder";
Código: Selecionar todos
<script language="javascript">
$(document).ready(function(){
				html  = '<div id="modal-oferta" class="modal">';
				html += '  <div class="modal-dialog">';
				html += '    <div class="modal-content">';
				html += '      <div class="modal-header">';
				html += '        <h4 class="modal-title">Oferta</h4>';
				html += '      </div>';
				html += '      <div class="modal-body">';
				html += '      <img src="LINK DA IMAGEM" />';                
				html += '      </div>';
				html += '      <div class="modal-footer">';
				html += '        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>';
				html += '      </div>';
				html += '    </div>';
				html += '  </div>';
				html += '</div> ';

				$('body').append(html);
				$('.modal-content').css({'width':'450px', 'heigh':'auto', 'left':'50%', 'margin-left':'-225px'});
				$('#modal-oferta').modal('show');
});
</script>
Caso desejar algo mais customizado e simples de trabalhar pode comprar essa extensão
http://www.opencart.com/index.php?route ... load_id=37
#64089
Só atualizando o tópico, não é necessário inserir o script diretamente no(s) arquivo(s) "TPL" do tema, pois isso pode ser feito utilizando o módulo "Conteúdo em HTML", será necessário utilizar o botão visualizar código e colocar o script nessa opção, após inserir o código nesse módulo acesse o layout da loja e informe em qual página o mesmo será listado;