Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional.
https://forum.opencartbrasil.com.br/

modulo social login no topo help

https://forum.opencartbrasil.com.br/viewtopic.php?t=12178

Página 1 de 2

modulo social login no topo help

Enviado: 29 Abr 2015, 18:13
por jucieniofreitas
caros tenho um modulo social login ja instalado funcionando perfeitamente, mais quero que o mesmo fique no topo conforme imagem abaixo.

Imagem

instalei ele na header do meu thema com seguinte codigo.
Código: Selecionar todos
<!--social login-->
<div id="d_social_login">
  <span class="dsl-label dsl-label-icons">Entrar com</span>
    <a id="dsl_facebook_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Facebook">
		<span class="l-side"><span class="dsl-icon dsl-icon-facebook"></span></span>
		<span class="r-side">Entrar</span>
	</a>
	<a id="dsl_google_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Google">
		<span class="l-side"><span class="dsl-icon dsl-icon-google"></span></span>
		<span class="r-side">Entrar</span>
	</a>
	<a id="dsl_linkedin_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=LinkedIn">
		<span class="l-side"><span class="dsl-icon dsl-icon-linkedin"></span></span>
		<span class="r-side">Entrar</span>
	</a>
	<a id="dsl_paypal_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Paypal">
		<span class="l-side"><span class="dsl-icon dsl-icon-paypal"></span></span>
		<span class="r-side">Entrar</span>
	</a>
	<a id="dsl_vkontakte_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Vkontakte">
		<span class="l-side"><span class="dsl-icon dsl-icon-vkontakte"></span></span>
		<span class="r-side">Entrar</span>
	</a>
	<a id="dsl_instagram_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Instagram">
		<span class="l-side"><span class="dsl-icon dsl-icon-instagram"></span></span>
		<span class="r-side">Entrar</span>
	</a>
	<a id="dsl_tumblr_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Tumblr">
		<span class="l-side"><span class="dsl-icon dsl-icon-tumblr"></span></span>
		<span class="r-side">Entrar</span>
	</a>
</div>
<script>
$( document ).ready(function() {
  $('.dsl-button').on('click', function(){
    $('.dsl-button').find('.l-side').spin(false);
    $(this).find('.l-side').spin('icons', '#fff');
    
    $('.dsl-button').find('.dsl-icon').removeClass('dsl-hide-icon');
    $(this).find('.dsl-icon').addClass('dsl-hide-icon');
  })
})
</script>
<!--social login-->
porém quando faço login os botoes de acesso as redes sociais continuam no topo como link e nao desaparecem conforme funcionamento padrao do moculo, e imagem abaixo.

Imagem


ALGUEM ME AJUDA POR FAVOR, AGRADEÇO.

LINK DA LOJA http://beladesivos.com.br

Re: modulo social login no topo help

Enviado: 29 Abr 2015, 22:36
por veteranodf
Acabei de acessar e notei que já conseguiu fazer;

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 10:12
por jucieniofreitas
veteranodf escreveu:Acabei de acessar e notei que já conseguiu fazer;

se verificar a msg acima vai ver que estou com problema ainda, quando faço login fica os links de redes sociais, eles não desaparecem conforme padrão do modulo.

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 12:09
por veteranodf
Coloque o código do script fora da div "<div id="welcome">" e faça um teste;

Do jeito que esta você esta fazendo assim;
Código: Selecionar todos
<div id="welcome">
<div>
Códigos do script login social
</div>
</div>
Forma provavelmente correta, só testando para ver o efeito;
Código: Selecionar todos
<div id="welcome">
.......
</div>
<div>
Códigos do script login social
</div>

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 13:26
por jucieniofreitas
veteranodf escreveu:Coloque o código do script fora da div "<div id="welcome">" e faça um teste;

Do jeito que esta você esta fazendo assim;
Código: Selecionar todos
<div id="welcome">
<div>
Códigos do script login social
</div>
</div>
Forma provavelmente correta, só testando para ver o efeito;
Código: Selecionar todos
<div id="welcome">
.......
</div>
<div>
Códigos do script login social
</div>


infelizmente não deu certo, continua com link aparecendo depois do login. o administrador do modulo so dar suporte pago para quem ja utiliza do produto ha mais de 3 meses porem consegui uma dica deles.

Agora você deve ser capaz de ver as posições extras na área de administração de outros módulos, como "filial". mas antes que você pode usar, em seguida, as posições, você precisa dizer ao seu tema onde deseja que os módulos para aparecer.

- Via FTP ir para / catelog / view / theme / seu tema / template / header.tpl
- Abrir arquivo e colocar um gancho como este <? Php echo $ column_header;? ?> Depois <body>
- Salvar
- Em seguida, ir para admin e colocar um módulo no cabeçalho posições. salvar

Agora você deve ver o módulo mostra-se no topo do seu tema.

Aqui está a lista de anzóis que você pode usar

<? Php echo $ column_header; ?>
<? Php echo $ column_footer; ?>
<? Php echo $ column_extra1; ?>
<? Php echo $ column_extra2; ?>
<? Php echo $ column_extra3; ?>
<? Php echo $ column_extra4; ?>
...
<? Php echo $ column_extra50; ?>

Você vai precisar de algum estilo a ser feito para tornar os módulos ficam bem em seu site. Pergunte a você desenvolvedor ou nos adicionar styling.

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 21:04
por veteranodf
Bom esse links devem aparecer somente se o cliente não estiver logado, caso estiver deve ficar oculto, então faça assim;

Coloque o código do módulo social login dentro do código php;

<?php if (!$this->customer->isLogged()) { ?>

Seu código aqui;

<?php } ? >

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 22:00
por jucieniofreitas
veteranodf escreveu:Bom esse links devem aparecer somente se o cliente não estiver logado, caso estiver deve ficar oculto, então faça assim;

Coloque o código do módulo social login dentro do código php;

<?php if (!$this->customer->isLogged()) { ?>

Seu código aqui;

<?php } ? >
infelizmente ainda apresenta o erro, será que poderia me ajudar no skype o meu é beladesvis

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 22:39
por veteranodf
É impossível aparecer o erro pois só será mostrado o código se o usuário não estiver logado. Verifique se fez do jeito que postei.

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 23:10
por jucieniofreitas
veteranodf escreveu:É impossível aparecer o erro pois só será mostrado o código se o usuário não estiver logado. Verifique se fez do jeito que postei.
aqui minha header vc consegue me ajudar pq nao consegui colocar dar erro no thema
Código: Selecionar todos
<div id="welcome">
		<?php if (!$logged) { ?>
		<?php echo $text_welcome; ?>
		<?php } else { ?>
		<?php echo $text_logged; ?>
		<?php } ?>

		<!--social login-->
<div id="d_social_login">
  <span class="dsl-label dsl-label-icons">Entrar com</span>
    <a id="dsl_facebook_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Facebook">
      <span class="l-side"><span class="dsl-icon dsl-icon-facebook"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_google_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Google">
      <span class="l-side"><span class="dsl-icon dsl-icon-google"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_linkedin_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=LinkedIn">
      <span class="l-side"><span class="dsl-icon dsl-icon-linkedin"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_paypal_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Paypal">
      <span class="l-side"><span class="dsl-icon dsl-icon-paypal"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_vkontakte_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Vkontakte">
      <span class="l-side"><span class="dsl-icon dsl-icon-vkontakte"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_instagram_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Instagram">
      <span class="l-side"><span class="dsl-icon dsl-icon-instagram"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_tumblr_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Tumblr">
      <span class="l-side"><span class="dsl-icon dsl-icon-tumblr"></span></span>
      <span class="r-side">Entrar</span>
   </a>
</div>
	
	<script>
		$( document ).ready(function() {
		  $('.dsl-button').on('click', function(){
			$('.dsl-button').find('.l-side').spin(false);
			$(this).find('.l-side').spin('icons', '#fff');
		   
			$('.dsl-button').find('.dsl-icon').removeClass('dsl-hide-icon');
			$(this).find('.dsl-icon').addClass('dsl-hide-icon');
		  })
		})
	</script>
	<!--social login-->  
	  </div><!--welcome-->
	  
  <div id="search">

Re: modulo social login no topo help

Enviado: 30 Abr 2015, 23:57
por veteranodf
Utilize o vqmod abaixo, salve em um arquivo xml e coloque dentro da pasta vqmod/xml/
Código: Selecionar todos
<?xml version="1.0" encoding="UTF-8"?>
<modification>
	<id>Social Login (Vqmod por Ariel Gonçalves)</id>
	<version>OpenCart 1.5.x.x</version>
	<vqmver>2.4.1</vqmver>
	<author>Ariel - veteranodf@gmail.com</author>
<file name="catalog/controller/common/header.php">
	<operation>
		<search position="after"><![CDATA[$this->data['checkout']]]></search>
		<add><![CDATA[		$this->data['check_login'] = $this->customer->isLogged();]]></add>
	</operation>
</file>
<file name="catalog/view/theme/*/template/common/header.tpl">
	<operation>
		<search position="after" offset="1"><![CDATA[<?php echo $text_logged; ?>]]></search>
		<add><![CDATA[
<?php if(!$check_login){ ?>
		<!--social login-->
<div id="d_social_login">
  <span class="dsl-label dsl-label-icons">Entrar com</span>
    <a id="dsl_facebook_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Facebook">
      <span class="l-side"><span class="dsl-icon dsl-icon-facebook"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_google_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Google">
      <span class="l-side"><span class="dsl-icon dsl-icon-google"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_linkedin_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=LinkedIn">
      <span class="l-side"><span class="dsl-icon dsl-icon-linkedin"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_paypal_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Paypal">
      <span class="l-side"><span class="dsl-icon dsl-icon-paypal"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_vkontakte_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Vkontakte">
      <span class="l-side"><span class="dsl-icon dsl-icon-vkontakte"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_instagram_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Instagram">
      <span class="l-side"><span class="dsl-icon dsl-icon-instagram"></span></span>
      <span class="r-side">Entrar</span>
   </a>
   <a id="dsl_tumblr_button" class="dsl-button dsl-button-icons" href="index.php?route=module/d_social_login/provider_login&provider=Tumblr">
      <span class="l-side"><span class="dsl-icon dsl-icon-tumblr"></span></span>
      <span class="r-side">Entrar</span>
   </a>
</div>
	
	<script>
		$( document ).ready(function() {
		  $('.dsl-button').on('click', function(){
			$('.dsl-button').find('.l-side').spin(false);
			$(this).find('.l-side').spin('icons', '#fff');
		   
			$('.dsl-button').find('.dsl-icon').removeClass('dsl-hide-icon');
			$(this).find('.dsl-icon').addClass('dsl-hide-icon');
		  })
		})
	</script>
	<!--social login-->
<?php } ?>	
		]]></add>
	</operation>
</file>	
</modification>
Todos os horários são UTC-03:00
Página 1 de 2

Powered by phpBB® Forum Software © phpBB Limited

Traduzido por: Suporte phpBB