THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Code barre et douchette

(13-05-2013 16:41:33)


Bonjour,

Toujours dans le cadre de mon "intranet" , j'aurai besoin de scanner les produits du fournisseur via une douchette, en résumé à l'arrivé des produits , on scanne les codes barres et celà ouvres la bonne page produit (reste à entrer les quantités manuellement) .

Quelqu'un à t'il déjà réalisé ce genre de choses ?

  • manu
  • faï tot petar miladiu

Offline

#2 Re: Code barre et douchette

(13-05-2013 16:46:20)


Oui c'est assez facile à faire.

La douchette se comporte exactement comme un clavier, donc en javascript tu peux détecter l'évènement onkeyup et faire ton traitement dans cet évènement.

on va dire que tu fais un input type text et tu lui mets un id qui sera douchette :

<input type="text" id="douchette" />

avec jquery tu fais un truc du genre :

<script type="text/javascript">
$(document).ready(function(){
  $("#douchette").keyup(function(){
   //ton traitement ici 
  });
});
</script>

http://doc.thelia.net/
http://thelia.net/modules
http://raynaud.io
PGP public Key : 0xC6E546A6

Offline

#3 Re: Code barre et douchette

(13-05-2013 16:53:45)


oki , merci manu , je vais creuser ça !

Est ce possible aussi côté fo ? un peu comme pour un logiciel de caisse ?

Last edited by lolo17600 (13-05-2013 17:38:50)

  • manu
  • faï tot petar miladiu

Offline

#4 Re: Code barre et douchette

(14-05-2013 08:07:04)


lolo17600 wrote:

oki , merci manu , je vais creuser ça !

Est ce possible aussi côté fo ? un peu comme pour un logiciel de caisse ?

Oui tout à fait je l'avais fait sur un front d'ailleurs ça et sans aucun plugin


http://doc.thelia.net/
http://thelia.net/modules
http://raynaud.io
PGP public Key : 0xC6E546A6

Offline

#5 Re: Code barre et douchette

(14-05-2013 12:48:43)


Bonjour manu , bon je me commande  un scan et je reviens vers toi pour te dire où j'en suis

Offline

#6 Re: Code barre et douchette

(07-06-2013 16:43:41)


Bonjour,

je reviens sur le sujet  , j'ai enfin reçu hier ma douchette ! Ce fut long mais je suis pas déçu de mon achat (pour l'instant..) . En bo avec le code de manu pas de soucis j'ai réussi a faire le imput , le code est bien sais en référence , tout va bien .

Maintenant j'aimerai pouvoir faire de même en front : saisir le code barre du produit et arriver sur la fiche produit (plus qu'a saisir la quantité à "sortir du stock")

Merci à vous

Offline

#7 Re: Code barre et douchette

(07-06-2013 18:33:20)


bah une case recherche smile

  • manu
  • faï tot petar miladiu

Offline

#8 Re: Code barre et douchette

(10-06-2013 08:35:23)


thibs wrote:

bah une case recherche smile

ça peut être une bonne chose en effet d'utiliser l'input recherche existant et gérer la boucle sur la page recherche en conséquence.


http://doc.thelia.net/
http://thelia.net/modules
http://raynaud.io
PGP public Key : 0xC6E546A6

Offline

#9 Re: Code barre et douchette

(10-06-2013 10:06:46)


Bonjour à tous , je suis justement dessus , je reviens vers vous dès que j'ai avancé

Offline

#10 Re: Code barre et douchette

(10-06-2013 10:52:01)


Re , j'ai un souci : une fois le produit flashé , j'ai l'ensemble des produits qui s'affichent

Offline

#11 Re: Code barre et douchette

(10-06-2013 12:23:36)


problème de boucle à mon avis, copie nous ta boucle smile

Offline

#12 Re: Code barre et douchette

(10-06-2013 12:43:46)


salut thibs

Laquelle boucle veux tu ? celle de la page index ? où celle de la page recherche ?

Offline

#13 Re: Code barre et douchette

(10-06-2013 13:04:48)


celle de la page de recherche

Offline

#14 Re: Code barre et douchette

(10-06-2013 13:07:46)


c'est la reproduction exact de la page produit:

<div id="contenu" class="grid_9">
				<THELIA_PROD type="PRODUIT" id="#PRODUIT_ID">
				<h2>#TITRE</h2>
                <div class="grid_4">
                	<div class="grid_12 calign" id="produitImages">
                		<T_img>
		                    <THELIA_img type="IMAGE" num="1" produit="#ID" largeur="342">
			                    <THELIA_ZOOM type="IMAGE"  num="1" id="#ID" largeur="500">
			                    	#SET{zoom, #IMAGE}
			                    </THELIA_ZOOM>
                                <a href="#GET{zoom}" class="grandeImage">
		                    <img src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE"/>
                                </a>
		                    </THELIA_img>
	                    </T_img>
								<img src="./template/_gfx/no-image.png" alt="Pas d'image disponible"/>
						<//T_img>
						<T_vignette>
							<div class="push"></div>
	                    	<THELIA_vignette type="IMAGE" produit="#ID" debut="2" hauteur="81">
	                    		<div class="grid_4 vignette">
								<THELIA_ZOOM_VIGNETTE type="IMAGE"  num="1" id="#ID" largeur="500">
                                                                    #SET{zoom, #IMAGE}
								</THELIA_ZOOM_VIGNETTE>
                                <a href="#GET{zoom}">
	                            <img src="#IMAGE" alt="#PRODTITRE" class="miniature" title="#PRODTITRE"/>
                                </a>
								</div>
	                    	</THELIA_vignette>
						</T_vignette>
						<//T_vignette>
					</div>
                </div>


                <div class="grid_8">

                	<div class="grid_12 introProduit">

                	<h3>::description::</h3>
					<div class="quote">Code Barre (ou Ref) :#POSTSCRIPTUM</div>
					<div class="quote">Numéro de lot :#REF</div>
					<div class="quote">Ref et Nom :#TITRE</div>

                	<div class="quote">TEMPERATURE :#CHAPO °C</div>
                	<div class="description">#DESCRIPTION</div>

                	<div class="push"></div>

            		<h3>::caracteristiques::</h3>

            		<ul>
                	<THELIA_carac type="caracteristique" produit="#PRODUIT_ID">

						<li>

						<b>#TITRE : </b>

				        <THELIA_caracval type="CARACVAL" caracteristique="#ID" produit="#PRODUIT">

					        #VALEUR

				        </THELIA_caracval>

						</li>

                        </THELIA_carac>
            		</ul>
                        <div class="quote">#POSTSCRIPTUM</div>
                            <form action="#AJOUTER_PARAMETRE(#URLCOURANTE,panier=1)" method="post">

                               <input type="hidden" name="action" value="ajouter" />
                               <input type="hidden" name="ref" value="#REF" />
                               <input type="hidden" name="quantite" value="1" />

                               #NOUVEAU[<div class="grid_12 nouveau-wrap"><span class="nouveau">::nouveau::</span></div>][]
                               

                               <div class="grid_4">
                                  <T_DECLI>
                                  <ul class="declinaisons">
                                  <THELIA_decli type="DECLINAISON" rubrique="#RUBRIQUE" produit="#ID" stockmini="1">
                                          <li>
                                          <label for="declinaison#ID">#TITRE:</label>
                                          <select name="declinaison#ID" id="declinaison#ID">
                                        <THELIA_declidisp type="DECLIDISP" declinaison="#ID" produit="#PRODUIT" stockmini="1">
                                           <option value="#ID">#TITRE</option>
                                        </THELIA_declidisp>
                                     </select>
                                          </li>
                                  </THELIA_decli>
                                  </ul>
                                  </T_DECLI>
                                  <//T_DECLI>
                               </div>

                               <div class="grid_4 ralign ajoutPanierWrap">
                                       #FILTRE_different(#STOCK||0||<button type="submit">::ajouterpanier::<span class="hidden"> #STRIPTITRE</span></button>)
                                       #FILTRE_egalite(#STOCK||0||::rupturestock::)
                               </div>
                            </form>

                	</div>

				</div>

				<T_DOCUMENT>
				<div class="telechargements">
					<h3>::telechargement::</h3>
					<ul>
                		<THELIA_DOCUMENT type="DOCUMENT" produit="#PRODUIT_ID">
                		<li><a href="#FICHIER">#TITRE</a></li>
						</THELIA_DOCUMENT>
					</ul>
				</div>
				</T_DOCUMENT>
				<//T_DOCUMENT>
				<div class="grid_12"></div>
            	<T_CONTENU>
				<div class="contenusAssocies grid_6">
        			<THELIA_PRODUITSACC type="CONTENUASSOC" objet="#PRODUIT_ID" num="1">
        				<THELIA_CONTENU type="CONTENU" id="#CONTENU">
            				<div class="article grid_12">
								<div class="article-contenu">
									#SET{urlContenu, #URL}
									<T_IMAGE>
										<THELIA_IMAGE type="IMAGE" contenu="#ID" num="1">
											<div class="grid_3"><a href="#GET{urlContenu}"><img class="miniature" src="#IMAGE" alt="#CONTTITRE" title="#CONTTITRE" /></a></div>
										</THELIA_IMAGE>
									</T_IMAGE>
											<img src="./template/_gfx/no-image.png" alt="Pas d'image disponible" />
									<//T_IMAGE>
									<div class="grid_9">
										<h3><a href="#URL">#TITRE</a><span class="spanDate rfloat">#DATE</span></h3>
										#CHAPO
									</div>
									<div class="push"></div>
									<a href="#URL" class="lire-la-suite"><b>::liresuite::</b> #TITRE</a>
								</div>
							</div>
            			</THELIA_CONTENU>
            		</THELIA_PRODUITSACC>
				</div>
				</T_CONTENU>
            	<//T_CONTENU>
   				<T_ACC>
		            <div class="blocMozaique grid_6">
		            	<div class="contenusAssocies-wrap">
		                <h3>::autreproposition::</h3>
                		<THELIA_ACC type="ACCESSOIRE" aleatoire="1" produit="#PRODUIT_ID" num="8">
                			<div class="grid_3 calign">
                            <THELIA_LIEN_PROD type="PRODUIT" id="#ACCESSOIRE">
                            	<h4><a href="#URL">#TITRE</a></h4>
                            	#SET{urlProduit, #URL}
                            </THELIA_LIEN_PROD>
                            <T_IMAGE>
	                            <THELIA_IMAGE type="IMAGE" num="1" produit="#ACCESSOIRE" hauteur="81">
		                            <a href="#GET{urlProduit}"><img src="#IMAGE" alt="#TITRE" title="#TITRE"/></a>
	                            </THELIA_IMAGE>
                            </T_IMAGE>
									<a href="#GET{urlProduit}"><img src="./template/_gfx/no-image.png" alt="Pas d'image disponible" /></a>
							<//T_IMAGE>
                			</div>
              			</THELIA_ACC>
		            </div>
					</T_ACC>
					<//T_ACC>
				</THELIA_PROD>
				</div>
			</div>
	</div>
</div>
#FILTRE_different(#ENV{panier, 0}||0||
<div id="thickbox-panier">
	<div id="informations-thickbox">
		<div class="grid_12">
			<h2>::produitajoutepanier::</h2>
			<h4>::quefaire::</h4>
			<div class="grid_6"><a href="#URLFOND(produit,id_produit=#ENV{id_produit}&id_rubrique=#ENV{id_rubrique})">::poursuivreachats::</a></div>
			<div class="grid_6"><a href="#URLFOND(panier)">::validerpanier::</a></div>
		</div>
	</div>
</div>)

Offline

#15 Re: Code barre et douchette

(10-06-2013 13:35:00)


Il faut donc lui passer dans l'url le paramètre produit_id (qui permet de valoriser #PRODUIT_ID) (ou ref, pour #PRODUIT_REF), comme une page produit.


OpenStudio Toulouse

Offline

#16 Re: Code barre et douchette

(10-06-2013 13:35:05)


ok regarde la page recherche.html du template de base.

Dans la boucle produit il faut passer le paramètre motcle="#PRODUIT_MOTCLE" (ou quelque chose comme ça)

De plus verifie bien ton formulaire de recherche qu'il pointe bien comme il faut.

Quand on a un doute le template de base est ton ami smile

Offline

#17 Re: Code barre et douchette

(10-06-2013 13:39:06)


voici comment l a div recherche est faite :

<div id="moteurDeRecherche" class="grid_5">
	        <form action="#URLRECHERCHE" method="post" name="recherche" id="recherche">
	           
	            <input type="text" id="douchette" />
<script type="text/javascript">
$(document).ready(function(){
  $("#douchette").keyup(function(){
  
  });
});
</script>
	            <input type="submit" class="bouton" value="OK" />
	        </form>

Offline

#18 Re: Code barre et douchette

(10-06-2013 13:49:15)


<input name="motcle" id="motcle" type="text" />

Sur ton formulaire, tu peux laisser motcle et remplacer ton js:

<input name="motcle" id="motcle" type="text" />
<script type="text/javascript">
$(document).ready(function(){
  $("#motcle").keyup(function(){
  
  });
});
</script>

ensuite sur ta page recherche

<THELIA_PROD type="PRODUIT" motcle="#PRODUIT_MOTCLE">
...
</THELIA_PROD>

Offline

#19 Re: Code barre et douchette

(10-06-2013 13:53:57)


Top c'est tout juste ce qu'il me fallait ! merci

Offline

#20 Re: Code barre et douchette

(10-06-2013 14:12:20)


de rien smile

Offline

#21 Re: Code barre et douchette

(10-06-2013 14:19:53)


Juste un petit "hic" sur la page produit ma caractéristiques apparait pas sur la page recherche

Last edited by lolo17600 (10-06-2013 14:20:14)

Offline

#22 Re: Code barre et douchette

(10-06-2013 14:35:00)


la caractéristique ou la valeur de la caractéristique ?

Offline

#23 Re: Code barre et douchette

(10-06-2013 14:36:42)


la valeur

Offline

#24 Re: Code barre et douchette

(10-06-2013 14:38:44)


<THELIA_caracval type="caracval" produit="#PRODUIT_ID" caracteristique="#ID">

ca devrait etre mieux

Offline

#25 Re: Code barre et douchette

(10-06-2013 14:46:23)


pareil
j'ai caractéristique :  sans valeur

alors qu'avec la même boucle sur la page produit la valeur s'affiche mais pas sur la page recherche