[Résolu] Interface de connexion séparée!

[L.Anderson]

Bonsoir à tous,
je désirerai savoir comment séparée la page de connexion (inscription et connexion) pour pouvoir integré celle-ci à un site existant avec un index.php.
Ne maitrisant pas du tout les templates je galère depuis plusieurs jours!
j'ai la version 1.48 derniere version en français telecharger OpenCart france.
merci d'avance pour tout soutien.

[LeorLindel]

Bonjour et bienvenue,

Il te suffit de créer un répertoire dans ton site existant que tu nommeras boutique ou autre et où tu intégreras tous les répertoires et fichiers se trouvant dans le répertoire "upload".

Afin de mieux se faire une idée, tu peux mettre un lien de ton site existant, si tu le désires.

[L.Anderson]

Bonjour, et merci à toi leorlindel pour ton aide.
je m'explique, le site et en tout flash avec un swfobject qui load le site dans un index.php.
en haut de la page d'index sur une hauteur de 80 px et toute la largeur d'écran une barre de connexion avec effet slider fait apparaitre sur une seule ligne "le pseudo et le mot de passe et mot de passe perdu"pour la connexion vers OpenCart qui me sert d'espace membre pour une conciérgerie.
donc en haut du site se trouve un bouton connexion et un bouton inscription, quand on appuye sur connexion la bande horizontale glisse vers le bas(effet slider) pour faire apparaitre le module de connexion.
je n'utilise jamais de template d'ou mon blocage pour relier mon site flash php à opencart avec interface de connexion séparée.
concernant le site il est en refonte en ce moment, et je fais mes tests sur un serveur d'évaluation local.
si tu as une idée ca serai sympa, et pour le repertoire à crée je ne vois pas trop l'utilité dans mon cas! peux-tu m'eclairer?
merci à toi

[L.Anderson]

Bonsoir, une âme charitable aurait une idée pour mon problème de connexion séparée!
merçi.

[LeorLindel]

Si tu n'obtient pas de réponses, c'est que ta demande est particulière et rejoins plus le développement personnalisé que l'aide générale.

Si tu désires conserver la structure que tu décris ci-dessus, à savoir inclure l'identification de la boutique d'Opencart dans un encart d'identification faite en flash, il te faudra faire appel à un prestataire, à moins qu'un membre ai déjà fait ce genre de modification sur sa boutique.

Maintenant je te donne mon avis personnel sur les sites faits en flash. Ceux-ci sont originaux et esthétiques, mais bannis pour tous robots d'indexation. Une boutique peut être esthétique sans pour cela utiliser du flash ou en utiliser à petite dose (bandeau ou autre) et le référencement est quand même le point fort d'une boutique, si elle veut vendre.
Donc à mon avis, le flash est totalement incompatible avec une boutique, il faut mieux se servir d'autres effets, comme l'Ajax, le JS, les slide-shows,etc..., pour rendre sa boutique plus esthétique. Maintenant c'est à toi de voir.

Voici d'ailleurs un article rédigé par webrankinfo :

Est-il difficile de bien référencer un site en Flash ? Tout dépend des cas ! On distingue 2 types de sites (je schématise) :

1. tout le contenu du site est intégré dans une seule animation Flash affichée en page d'accueil : dans ce cas le site ne possède qu'une seule page HTML (ou quelques autres pour les contacts ou mentions légales), si bien qu'il n'arrivera jamais à être bien positionné sur un grand nombre de mots-clés. C'est le cas qui pose vraiment problème et pour lequel il n'existe pas (à ma connaissance) de solution optimale... à part se ramener au 2nd cas !
2. le site utilise intensément des animations Flash sur ses pages, mais l'unité de base de la consultation du site reste la page. C'est pas exemple un site de ecommerce qui sur chaque fiche produit affiche les caractéristiques via une animation Flash. Dans ce cas il n'y a pas vraiment de problème, il suffit de prévoir sur chaque page un contenu alternatif au Flash, qui sera lu par ceux qui n'ont pas de lecteur Flash, et notamment les moteurs de recherche.

[LeorLindel]

Merci à toi leorlindle, pour le référencement c'est plus tout à fait le cas de nouvelle méthode et quelques astuces existe bel et bien pour un référencement acceptable dirons-nous, bref le problème pour moi est ailleurs! l'identification pour OpenCart sera fait en php et non en (flash par loadvars), car mon petit encart avec effet slider libère une petite bande en haut dans l'index.php du site donc le code à inclure est en php à placer entre la balise</head>....................ici...................<script swfobject>............swf(site flash).............
voila et comme je ne maitrise rien du system template code séparé du graphisme, indique moi juste ou plutôt oriente moi un petit peu sur la façon de recupèrer les modules (inscription login et passe oublié) sur une page php et le reste je saurais me debrouiller.
Pour le referencement de la boutique et bien il se fera normalement puisque toute les pages auront une adresse bien precise donc ormis le site en lui même qui ne sera pas au niveau des autres la boutique elle utilisera un autre repertoire que je referencerai seul avec chaque appel de page.

si tu as besoin d'un petit coup de main un jour pour du flash n'hésite pas cela fait un bail que je triture du flash dans tout les sens lol.
a+ et merçi si je trouve la soluce de mon côté je la posterais.

voici mon index.php pour te faire une idée.

Code: Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<title>mmm</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="title" content="mmm">
<meta http-equiv="content-language" content="fr">
<link rel="stylesheet" type="text/css" media="handheld" href="Mobil.css" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="osc.css"/>
<link rel="shortcut icon" href="small/Logo2 mmm.png" type="image/x-icon">


<script language="JavaScript">
if(window.parent.length!=0) {window.top.location.replace(document.location.href);}</script>
<script type="text/javascript" src="Go/go.js"></script>
<script charset="utf-8" id="injection_graph_func" src="Go/injection_graph_func.js"></script><script id="_nameHighlight_injection"></script><link class="skype_name_highlight_style" href="injection_nh_graph.css" type="text/css" rel="stylesheet" charset="utf-8" id="_injection_graph_nh_css"><link href="skypeplugin_dropdownmenu.css" type="text/css" rel="stylesheet" charset="utf-8" id="_skypeplugin_dropdownmenu_css">


<style type="text/css">
<!--
a:link {
   text-decoration: none;
   color: #FFF;
}
a:visited {
   text-decoration: none;
   color: #FFF;
}
a:hover {
   text-decoration: none;
   color: #666;
}
a:active {
   text-decoration: none;
   color: #FFF;
}
body,td,th {
   color: #FFF;
}
body {
   background-image: url(/images/fond.png);

}
-->
</style></head>
<?PHP session_start();
include_once 'recup_config.php';

if(!@$_SESSION['session'])
{
   
   $titre_page = ACCEUIL_TITRE;         
   include_once 'haut.php';         
   
      
if( isset($_GET['erreur']) AND strlen($_GET['erreur']) > 4)
{   

      echo'<span class="erreur">', ACCEUIL_ERREUR;
      
      $erreur_trouvee = $_GET['erreur'];
      
      if($erreur_trouvee === 'pseudo')
         echo CONNEXION_ERREUR_PSEUDO;
         
      elseif($erreur_trouvee === 'passe')
         echo CONNEXION_ERREUR_PASS;
         
      elseif($erreur_trouvee === 'couple')
         echo CONNEXION_ERREUR_COUPLE;
         
      elseif($erreur_trouvee === 'valide')
         echo CONNEXION_ERREUR_VALIDE;
         
      elseif($erreur_trouvee === 'suspendu')
         echo CONNEXION_ERREUR_SUSPENDU;
         
      elseif($erreur_trouvee === 'connexion')
         echo CONNEXION_ERREUR_CONNEXION;

      echo'</span><br /><br />';
   }
?>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#FF0000" alink="#333333">
<div id="connexion_slide" style="display: none;">
      <form action="upload/index.php" method="post" enctype="application/x-www-form-urlencoded" id="formulaire">
      <table class="identification" align="center" border="0" cellpadding="5">
      <tbody><td><?php echo ACCEUIL_PSEUDO; ?><td><input size="25" name="pseudo" tabindex="1" type="text" style="background:none"></td>
      <td><?php echo ACCEUIL_PASS; ?></td><td><input size="25" name="passe" tabindex="2" type="password" style="background:none"></td>
        <td><input name="envoyer" type="Image" id="envoyer" src="cart/images/icon/Ok.png" width="20" height="20" style="background:none;border:hidden"/>&nbsp;&nbsp;&nbsp;&nbsp;<a href="../upload/index.php?route=account/forgotten" class="connexion">Mot de passe oublié</a>
      </tbody></table></form>
        <?php if($environement_site == 2)?>
</div>

<div id="head">
<div id="connexion_bouton">
<div style="padding-top: 0px;" >
        <script type="text/javascript">
      function toggle_slide() {
         $('#connexion_slide').slideToggle();
         if ($('#bouton_connexion').attr('src') == '../images/fleche_bas.png') $('#bouton_connexion').attr('src', '../images/fleche_haut.png');
         else $('#bouton_connexion').attr('src', '../images/fleche_bas.png');
      }
      </script>
      <img id="bouton_connexion" src="images/fleche_bas.png" alt="" style="margin-right: 0px;" border="0">
      <a href="javascript:toggle_slide();" class="connexion">Espace membre&nbsp;|&nbsp;</a> 
     <a href="upload/index.php?route=account/create" class="connexion">Inscription</a>
     </div>
  </div>
  <div id="connexion_bar"></div>
</div>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1330" height="770" vspace="0" id="FlashID">
  <param name="movie" value="MMM.swf" />
  <param name="quality" value="high" />
  <param name="swfversion" value="8.0.35.0" />
  <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <param name="SCALE" value="noborder" />
  <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
  <!--[if !IE]>-->
  <object data="MMM.swf" type="application/x-shockwave-flash" width="1330" height="770" vspace="0">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="swfversion" value="8.0.35.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <param name="SCALE" value="noborder" />
    <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
    <div>
      <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>

<?php
}   else   {
   
   if($environement_site == 2)
   {

   $titre_page = ACCEUIL_TITRE_MEMBRES;   
   include_once 'verifications.php';   
   include_once 'haut.php';      
   
   connexion();
   $nb_mp_recus_req = mysql_query("SELECT COUNT(*) AS nb_mps FROM ". PREFIX ."mps_recus WHERE pseudo_rec='". $pseudo ."' AND lu=0") or die(mysql_error());
   $nb_mp_recus_res = mysql_fetch_array($nb_mp_recus_req);
   $nb_mp_recus = $nb_mp_recus_res['nb_mps'];
   mysql_close();

?>

<script src="rssticker.js" type="text/javascript"></script>

<div id="baniere"></div>
<div id="ban" style="font:Verdana, Geneva, sans-serif" color="#FFF"><font size="3">Connecté<?php echo $pseudo ?></font></div>

<div id="hr"><font size="+1" color="#000000"><script language="javascript">
var date_du_jour, heure, minute;
date_du_jour = new Date();
heure = date_du_jour.getHours();
minute = date_du_jour.getMinutes();
if (heure<10)
document.write("0", heure, "h");
else
document.write( heure, "h");
if (minute<10)
document.write("0", minute);
else
document.write(minute);
    </script></font></div>
   
<div id="sortir"><font size="+1"><a href="logout.php"><img src="cart/images/icon/exit.ico"  dynsrc="<?php echo ACCEUIL_MEMBRE_DECONNEXION; ?>" width="20" height="20" border="none" /></a></font></div>
   
   
     <?php   
  }
      ?>
</div>

<div id="budy"><img src="images/AQUA.png" width="30" height="30" border="none" /></div>
<div id="feuillage2"><img src="images/feuillage2.png" width="716" height="399" border="none" /><img src="" width="1200" height="700" /></div>
<div id="cart2"><a href="index.php" target="myframe"><img src="" width="50" height="50" border="none" /></a></div>
<div id="cart3"><a href="note.php" target="myframe"><img src="" width="50" height="50"  border="none"/></a></div>
<div id="cart4"><a href="form_contact.php" target="myframe"><img src="" width="50" height="50"  border="none"/></a></div>
<div id="logo"><img src="images/Logo MMM.png" width="150" height="120" /></div>
<div id="pub"><img src="" width="1010" height="500" /></div>
<div id="news">
  <script type="text/javascript">
document.write("Le&nbsp;Monde&nbsp;News")
new rssticker_ajax("Le Monde", 800, "mdnbox", "mdnclass", 3800, "date")
document.write("LCI&nbsp;News")
new rssticker_ajax("LCI", 800, "lcibox", "bbcclass", 4000, "date")
document.write("Business&nbsp;News")
new rssticker_ajax("Business", 800, "busbox", "busclass", 4000, "date")
document.write("BBC&nbsp;News")
new rssticker_ajax("BBC", 800, "bbcbox", "bbcclass", 4000, "date")

</script>
</div>

<div id="f_mmm">
    <td width="500" height="600"><iframe name="myframe" scrolling="no"  height="1000" width="750" style=" border:hidden"></iframe></td>
    </div>
<?php
}
?>
</body>
</html>

[Diabolo]

Slt,

Donc à mon avis, le flash est totalement incompatible avec une boutique,

Oui même avis, en + le flash c'est un format propriétaire
http://www.numerama.com/magazine/15625- ... flash.html

Dans tous les cas pour ta modif il te faudra de solides connaissances en flash, php et autres...Bref du travail à mon avis bien inutile car si un user n'a pas flash installé (pour raisons personnelles ou autre) sur son navigateur (he oui y en a) et bien il arrivera jamais à se connecter à ta boutique.

Pense utilisateur final et non pas convenances, apparences (goûts) personnels

[L.Anderson]

salut, diabolo
la connexion vers la boutique se fera même si l'utilisateur ne dispose pas de flash, car si tu regarde bien l'index (j'ai volontairement effacer le contenu alternatif pour ne pas allongé le post!) le module de connexion s'affiche en haut bien avant le swfoject donc aucun souci à se niveau, c'est tester ca!

concernant mes connaisance en programmation, je pense pouvoir dire que je maitrise l'actionscript 1et 2 et que je suis en train de me recycler pour AS3 et le php ca va également.

je dois dire que je suis assez pressé de trouve un moyen d'adapter la boutique à mon site de conciérgerie, mais avec plus de temps c tout à fait faisable!

j'ai ouvert ce post afin que quelqu'un qui à l'habitude des sites élaborées avec des templates m'oriente dans la refonte du module de connexion en php.

merci pour l'entraide!

[LeorLindel]

... indique moi juste ou plutôt oriente moi un petit peu sur la façon de recupèrer les modules (inscription login et passe oublié) sur une page php et le reste je saurais me debrouiller.

Afin de te faire une idée sur la structure d'Opencart et la séparation du code et du visuel, je te suggère de lire ce sujet.

Pour ta demande, les fichiers concernés pour le visuel sont :

- pour l'identification, le fichier upload/catalog:view/theme/default/template\account/login.tpl
- pour le MDP oublié, le fichier upload/catalog:view/theme/default/template\account/forgotten.tpl

[L.Anderson]

merci leorlindel, j'avais lu ton sujet bien sur (j'ai même lu tous les posts pour te dire!) j'essaie de voir ce que je peux faire (j'essaye pour l'instant de récupéré les 2 fichiers dont tu me parles(je les avais déjà repérés en fait il ne me manque plus qu'à adapter la classe des fichiers de ce module sur l'index du site!
merci

[L.Anderson]

Bonjour à tous, j'ai résolu mon problème de connexion séparé.
je posterai la version final en courant de semaine prochaine, pour tout ceux que cela intéresse elle sera adaptable evc tous les sites codés en flash, php, fullflash,etc.
les modifications concernent:
le login
le mot de passe oublié
l'inscription
la sécurisation de l'index(accès inscrit uniquement)
l'adaptation à l'index de votre site (français uniquement désolé vous traduirez vous-même dans la langue qui vous intéresse)

voila tout, un merci à leorlindel pour sa documentation et à bientôt.