1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE dodanie wyszukiwarki produktów

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika Bagazniki.pl, 18 Luty 2020.

  1. Bagazniki.pl

    Bagazniki.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1
    Witam

    czy można dodać dodatkową wyszukiwarkę w innym miejscu na stronie ( zduplikować )

    Zrobiłem pasek który wyświetla się na górze strony przy jej przewijaniu i chciałbym tam ją umieścić aby był łatwy i szybki dostęp do niej

    pasek wywołuje modułem z kodem :
    <div id="pasek">
    <div class="”ukrycie-mobile”">

    pasek

    </div>

    dzięki za sugestie
    Marek
     
  2. Rafał Jakacki

    Rafał Jakacki eCommerce home.pl home.pl Administrator forum

    Wiadomości:
    2
    Docenione treści:
    0
    Czołem Marku,
    A próbowałeś skopiować zawartość
    Kod:
    search.tpl
    do stworzonego modułu. Po niewielkich modyfikacjach powinieneś uzyskać całkiem zadowalający efekt :)
     
  3. Bagazniki.pl

    Bagazniki.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1
    próbowałem skopiować ale niestety nie działa to w ten sposób :(
     
  4. machum93

    machum93 Pomocnik

    Wiadomości:
    123
    Docenione treści:
    13
    Niestety tpl nie da się przenieść do modułów sugeruję wykorzystać JS, czyli w własny skrypt JS wklej to:

    Kod:
    $(document).ready(function() {
      document.querySelector("#pasek").appendChild(document.querySelector(".search__container"));
    });
     
  5. Bagazniki.pl

    Bagazniki.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1

    niestety brak zmian, kod wkleiłem ale efektów brak :/
     
  6. machum93

    machum93 Pomocnik

    Wiadomości:
    123
    Docenione treści:
    13
    Ok @Bagazniki.pl korzystać ze starej wyszukiwarki przepraszam nie sprawdziłem. Wystarczy poprawić tylko zmienną querySelector na search-form, czyli:

    Kod:
    $(document).ready(function() {
      document.querySelector("#pasek").appendChild(document.querySelector(".search-form"));
    });
    Ewentualnie jak coś będzie nie działać dodaj diva do Twojego kodu HTML:

    Kod:
    <div id="pasek">
    <div class="”ukrycie-mobile”">
    
    pasek
    <div id="search"></div>
    </div>
    A w JS dasz wówczas:

    Kod:
    $(document).ready(function() {
      document.querySelector("#search").appendChild(document.querySelector(".search-form"));
    });
     

Poleć forum znajomym