Les meilleurs développeurs WordPress freelances sont sur Codeur.com

Modification recherche par catégories (woocommerce

 Fermé · Moins de 500 € · 2 offres · 564 vues · 3 interactions


Bonjour,

Pour un site de pièce détachées déjà en ligne, nous avons besoin de modifier une partie "recherche par catégorie" qui est déjà en place en page d'accueil

Actuellement, la recherche se fait en 2 étapes : choix de la marque, puis choix du modèle. il faudrait rajouter une 3eme étape : type de pièce.

A savoir que le menu déroulant fonctionne comme cela :
1 - choisir une marque = affiche les catégories du 1er niveau
2 - choisir un modèle = affiche les sous catégories (2eme niveau)

La 3eme étape "choisir une pièce", devra afficher les sous-sous catégories (3eme niveau)

Cette étape "dropdown3" est déjà dans le code mais je n'arrive pas à la mettre en place.

Début du code :
//add new options to $sortby var passed into filter
function woocommerce_category_filter_1() {

echo '<div id="searchform">';
echo '<div class="product_category_filter">';
echo '<div id="dropdown1"></div>';
echo '<div id="dropdown2"></div>';
echo '<div id="dropdown3"></div>';
echo '</div>';
echo '<input type="hidden" name="targetPage" id="targetPage" value="" />';
echo '<input type="button" id="submitButton" value="Voir les résultats" />';
echo '</div>';

?>
<script type='text/javascript'>
/* <![CDATA[ */

jQuery(document).ready( function() {

jQuery("#dropdown_product_cat2").prop('disabled', true);
jQuery('#dropdown1').ddslick({
data: ddMarque,
imagePosition: "left",
selectText: "Choisir une marque ...",
background: "#fff",
onSelected: function (data) {
selectCat = data.selectedData.value;
//alert(data.selectedIndex);
//alert(response);
jQuery('#dropdown2').ddslick('destroy');
jQuery('#dropdown2').ddslick({
data: eval("ddData" + data.selectedIndex),
imagePosition: "left",
background: "#fff",
selectText: "Choisir un modèle ...",
onSelected: function (data) {
//console.log(data);
jQuery("#targetPage").val(data.selectedData.slug);
}
});
}
});
jQuery('#dropdown2').ddslick({
data: ddData2,
imagePosition: "left",
selectText: "Choisir un modèle ...",
background: "transparent",
onSelected: function (data) {
console.log(data);

Modification assez urgent (sous 48h)

Merci d'avance

filtre.jpg

Budget indicatif : Moins de 500 €

Publication : 14 septembre 2016 à 14h52

Profils recherchés : Développeur WordPress freelance , Expert Woocommerce freelance

Le profil du client est reservé aux prestataires abonnés

Créer un compte

2 freelances ont répondu à ce projet

2 propositions de devis en moins de 2h

SOUSS TECH Agence web
omarbg Développeur PHP
Publier un projet similaire

Chaque jour, des centaines de clients utilisent Codeur.com pour trouver un prestataire. Créez votre compte dès maintenant, remplissez votre profil et trouvez de nouveaux clients.

Trouver des nouveaux clients