Les meilleurs développeurs WordPress freelances sont sur Codeur.com
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
Budget indicatif : Moins de 500 €
Publication : 14 septembre 2016 à 14h52
Profils recherchés : Développeur WordPress freelance , Expert Woocommerce freelance
2 freelances ont répondu à ce projet
2 propositions de devis en moins de 2h