FacetWP – Bricks Builder integration

FacetWP Bricks Builder Integration – Kompleksowy Przewodnik

W świecie budowania stron internetowych, połączenie Bricks Builder z FacetWP staje się coraz bardziej popularne. Dzięki tej integracji możesz tworzyć dynamiczne i interaktywne strony, które umożliwiają użytkownikom wyszukiwanie treści za pomocą zaawansowanych filtrów. W tym artykule omówimy, jak wykorzystać tę integrację do dodawania facetów do postów, produktów oraz do pracy z elementem Query Loop.

Integracja FacetWP z Bricks Builder

FacetWP to potężne narzędzie, które pozwala użytkownikom dostosować doświadczenia z przeszukiwania treści na stronach internetowych. Integracja z Bricks Builder sprawia, że dodawanie filtrów do postów i produktów staje się szybkie i łatwe. W tej sekcji omówimy kluczowe elementy, które należy znać, aby skutecznie używać FacetWP z Bricks.

Dodawanie facetów do postów

Aby dodać facet do listy postów w Bricks, wykonaj następujące kroki:

1. Utwórz nowy element “Posts”: W panelu Bricks dodaj nowy element Posts do swojej strony.

2. Aktywuj FacetWP: W ustawieniach elementu włącz opcję “Use FacetWP”. Dzięki temu element będzie mógł korzystać z funkcji FacetWP.

3. Dodaj shortcode facetów: Po utworzeniu facetów, wklej ich shortcode’y do elementu Shortcode, aby były widoczne na stronie.

4. Paginacja: Jeśli chcesz dodać paginację do elementu Posts, włącz ją w ustawieniach “Pagination > Show”.

Użycie elementu Query Loop

Element Query Loop daje możliwość zbudowania bardziej złożonych zapytań, które mogą korzystać z FacetWP. Oto, jak skonfigurować ten element:

1. Dodaj element Div: W Bricks utwórz nowy element Div, który będzie działał jako kontener dla FacetWP.

2. Utwórz element Query Loop: Dodaj element Container, Block, lub Div i aktywuj opcję “Use query loop”.

3. Dostosowanie zapytania: Aby dostosować zapytanie, kliknij ikonę zapytania „∞”.

4. Przykładowe dane dynamiczne: Dodaj nowy element Nagłówek i ustaw jego treść na {post_title}.

5. Struktura elementów: Upewnij się, że elementy są zagnieżdżone w odpowiedniej strukturze: Div > Query Loop > Heading.

Dodawanie facetów do produktów

Integracja FacetWP jest również dostępna dla elementu produktów, co sprawia, że można efektywnie zarządzać ofertą sklepu internetowego. Proces jest podobny do dodawania facetów do postów:

1. Dodaj element “Products”: Jeśli masz zainstalowany WooCommerce, możesz dodać element Products do swojej strony.

2. Aktywuj FacetWP: W ustawieniach elementu włącz opcję “Use FacetWP”.

3. Paginacja: Element Products nie ma ustawienia paginacji, ale możesz dodać facet “Pager” na stronie.

Ręczne dodawanie wsparcia dla FacetWP

W przypadku, gdy opcja “Use FacetWP” nie jest dostępna, możesz ręcznie włączyć wsparcie dla FacetWP w elementach zapytania. W tym celu należy użyć filtra bricks/posts/query_vars. Przykładowy kod, który można umieścić w pliku functions.php dziecka Bricks, wygląda następująco:

php add_filter('bricks/posts/query_vars', function($query_vars, $settings, $element_id) { if ($element_id === 'your_element_id') { $query_vars['facetwp'] = true; } return $query_vars; }, 10, 3);

Obsługa błędów i problemy

Wyeliminowanie błędu “FacetWP was unable to auto-detect the post listing”

Czasami możesz napotkać problem z wykrywaniem listy postów przez FacetWP. Aby to naprawić, przejdź do ustawień Bricks i wyłącz opcję “Cache query loops”.

Problemy z przyciskiem AJAX “dodaj do koszyka”

Gdy korzystasz z opcji AJAX “dodaj do koszyka” w WooCommerce, przycisk może przestać działać po interakcji z facetami. Można to naprawić, dodając odpowiedni fragment kodu do pliku functions.php, który ponownie inicjuje przycisk po odświeżeniu facetów:

php add_action('facetwp_scripts', function() { ?> <script> jQuery(document).on('facetwp-loaded', function() { // Kody re-inicjalizujące przycisk AJAX }); </script> <?php }, 100);

Problemy z akordeonami w Bricks

Jeśli używasz elementów akordeonów w swojej liście, ich funkcjonalność może przestać działać po interakcji z facetami. Aby rozwiązać ten problem, można dodać kod podobny do powyższego, by ponownie zainicjować akordeony.

Dostosowywanie komunikatu “Brak wyników”

Aby ustawić lub nadpisać komunikat “Brak wyników” w elementach Posts lub Query Loop, można użyć następującego kodu:

php add_filter('bricks/query/no_results_content', function($content, $settings, $element_id) { if ($element_id === 'your_element_id') { if (true === ($settings['usingFacetWP'] ?? false)) { $content = '<p class="no-results">'.__('Nie znaleziono wyników.', 'fwp-front').'</p>'; } } return $content; }, 10, 3);

Aby zweryfikować, który identyfikator elementu należy użyć, sprawdź unikalny identyfikator Bricks, który znajdziesz w panelu edycji.

Podsumowanie

Integracja FacetWP z Bricks Builder to doskonałe rozwiązanie dla wszystkich, którzy pragną wąskiego, ale zróżnicowanego doświadczenia przeszukiwania treści. Dzięki funkcjom takim jak dodawanie facetów do postów i produktów, a także elastyczność przy użyciu elementu Query Loop, możliwości są niemal nieograniczone. Poprawne konfigurowanie tych elementów pozwala na efektywne zarządzanie treścią oraz poprawia użyteczność witryny. Pamiętaj także o rozwiązywaniu problemów oraz dostosowywaniu komunikatów, aby zapewnić użytkownikom jak najlepsze doświadczenia.