Apparence bloc de recherche

[Alaurely]

Bonjour à tous et à toutes !

J'ai un souci avec ma barre de recherche, il n'y a qu'un carré avec une loupe, je n'ai pas la ligne avec écrit en fond "recherche", mes clients ne la voient pas et je n'arrive pas à trouver comment modifier ça... Merci d'avance pour votre aide !! 😀

Bonne journée à tous

[Mediacom87]

[Alaurely]

Merci, mon site est www.mototacot.fr, je suis sous la version 1.7 de prestashop, le thème a été modifié, en allant sur mon site, vous voyez sur la page d'accueil la loupe rouge en haut à gauche 🙂

Merci d'avance

 

[Mediacom87]

Oui, je clique dessus et le champ de saisi s’affiche bien.

cela se passe dans themes/chromium/assets/js/custom.js

[Alaurely]

J'aimerai que la ligne soit toujours apparente si possible, sans avoir besoin de cliquer dessus 🙂

 

[Alaurely]

Voici ce que j'ai à la place indiquée ci-dessus... je ne sais pas quoi modifier, désolée je suis nulle... Merci de votre aide

$(document).ready(function () {
    if($('#product-details .product-out-of-stock').siblings().length == 0){
        $('.tabs li a[aria-controls="product-details"]').css('display','none');
        $('.tabs li a[aria-controls="product-details"]').parent().siblings().first().children("a").addClass("active");
    }

    // $('.js-product-images-modal').removeClass("in").removeAttr("aria-hidden");
    // $(".modal-backdrop").remove();
    // if($(".modal-dialog .js-modal-thumb").width()){
    //     $(".close-slider").css("max-width",$(".modal-dialog .js-modal-thumb").width());
    // }
    
    // function productzoomslider () {
    //     $('#owl-carousel-slider').each(function(i, val) {
    //         var anhbhl_id = '#'+$(this).attr('id');
    //         $(anhbhl_id).owlCarouselAnTB({
    //             items: 1,
    //             loop: true,
    //             nav: true,
    //             autoplay: false,
    //             navText: ['<i class="material-icons">&#xE5C5;</i>','<i class="material-icons">&#xE5C5;</i>'],
    //         });
    //     });    
    //     $('.modal-dialog').on("click",function(h){
    //         var target = $(h.target);
    //         if(target.closest("img").length != 0 || target.closest(".owl-nav i").length != 0){
    //                 return;
    //         }
    //         else{
    //             $('.js-product-images-modal').add(".modal-backdrop").fadeOut("fast");
    //             $('.js-product-images-modal').removeClass("in").attr("aria-hidden","true");
    //             $('body').removeClass("modal-open");
    //             $('#product').removeAttr("style");
    //         }
    //     });
    // }

    // productzoomslider();

    //  $(document).ajaxSuccess(function() {
    //     productzoomslider();
    //  });
});

/* search open */
$(document).ready(function() {
    if ($(document).width() >= 768) {
        $("#header #search_widget").on("click", "i", function() {
            if ($(document).width() >= 768) {
            $("#header .form-search").animate({width: 'show'},150)
            $("#header .search-button").hide()
            }
        });
        $("body").on("click", function(h) {
            if ($(document).width() >= 768) {
                var target2 = $(h.target);
                function close(elem) {
                    if (target2.hasClass('open-icon') || target2.closest(elem).length !== 0) {
                        return
                    } else {
                        $("#header").find(elem).animate({width: 'hide'},150)
                        $("#header .search-button").show()
                    }
                }

                close(".form-search");
            }
        });
    }
});
/* end search open */