Przejdź do głównej zawartości
Help Center
Zaloguj się Załóż darmowe konto

Ten sam widget dwa razy na stronie

Domyślnie każdy typ widgetu renderuje się raz na stronie. Żeby pokazać dwa bloki Testimonials z różnymi ustawieniami, albo ten sam Summary w dwóch miejscach, nadaj każdej kopii własną klasę CSS i przekaż tę klasę do funkcji inicjującej.

  1. Zbuduj pierwszy widget i kliknij “Generate Code for your website”.

    Panel JustReview, ekran Customize widgetu z przyciskiem Generate Code for your website na dole

  2. Nadaj kontenerowi dowolną klasę i przekaż tę samą klasę do funkcji.

    Nazwa klasy to trzeci argument. To on mówi JustReview, który kontener wypełnić, więc każda kopia potrzebuje innej klasy.

    <!-- first copy -->
    <div class="reviews-home"></div>
    <script>
    initTestimonials("YOUR_USER_ID", { /* settings for copy 1 */ }, "reviews-home");
    </script>
    <!-- second copy, different class, different settings -->
    <div class="reviews-footer"></div>
    <script>
    initTestimonials("YOUR_USER_ID", { /* settings for copy 2 */ }, "reviews-footer");
    </script>

    Zrzut ekranu: nadaj kontenerowi dowolną klasę i przekaż tę samą klasę do funkcji

Typowe błędy

  • Ta sama klasa w obu kopiach. Oba wywołania inicjujące celują w pierwsze dopasowanie, więc widzisz jeden widget albo duplikat tego samego.
  • Klasa przekazana tylko do <div>, nie do funkcji. Bez trzeciego argumentu widget szuka domyślnego kontenera i ignoruje Twoją klasę.
  • Niezgodność nazwy klasy, na przykład reviews-home w HTML i reviews_home w skrypcie. Nazwy muszą być identyczne.