modulo social login no topo help

modulo social login no topo help#59109

Por jucieniofreitas - 29 Abr 2015, 18:13

- 29 Abr 2015, 18:13 #59109

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#59118

Por veteranodf - 29 Abr 2015, 22:36

- 29 Abr 2015, 22:36 #59118

Acabei de acessar e notei que já conseguiu fazer;

Re: modulo social login no topo help#59126

Por jucieniofreitas - 30 Abr 2015, 10:12

- 30 Abr 2015, 10:12 #59126

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#59129

Por veteranodf - 30 Abr 2015, 12:09

- 30 Abr 2015, 12:09 #59129

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#59132

Por jucieniofreitas - 30 Abr 2015, 13:26

- 30 Abr 2015, 13:26 #59132

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#59141

Por veteranodf - 30 Abr 2015, 21:04

- 30 Abr 2015, 21:04 #59141

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#59148

Por jucieniofreitas - 30 Abr 2015, 22:00

- 30 Abr 2015, 22:00 #59148

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#59152

Por veteranodf - 30 Abr 2015, 22:39

- 30 Abr 2015, 22:39 #59152

É 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#59154

Por jucieniofreitas - 30 Abr 2015, 23:10

- 30 Abr 2015, 23:10 #59154

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#59156

Por veteranodf - 30 Abr 2015, 23:57

- 30 Abr 2015, 23:57 #59156

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>

Fórum OpenCart Brasil