Wtyczka Piotnet Bricks

Wtyczka Piotnet Bricks: własne elementy i zaawansowana logika w Bricks Builder

Wtyczka Piotnet Bricks rozszerza Bricks Builder o narzędzia do tworzenia własnych elementów, sterowania widocznością treści oraz budowania bardziej rozbudowanych formularzy. Produkt jest przeznaczony przede wszystkim dla projektantów stron, wdrożeniowców i deweloperów, którzy chcą realizować niestandardowe funkcje bez przygotowywania każdego komponentu od podstaw w plikach motywu.

Najważniejszym modułem wtyczki jest Element Creator, czyli środowisko do konstruowania własnych elementów dostępnych bezpośrednio w edytorze Bricks. Użytkownik definiuje ustawienia komponentu, pola sterujące, sposób renderowania oraz kod odpowiadający za jego wygląd i zachowanie. Pozwala to przygotować element dopasowany do konkretnego projektu, a następnie używać go podobnie jak standardowych bloków Bricks Builder.

Element Creator i kontrola nad strukturą komponentów

Element Creator oddziela konfigurację elementu od jego warstwy prezentacyjnej. Panel obejmuje sekcje Settings, Controls, Render, CSS, JS oraz Enqueue CSS i JS, dzięki czemu w jednym miejscu można określić nazwę komponentu, dostępne opcje edycji, wynikowy kod oraz wymagane zasoby. Renderowanie może być przygotowane w PHP lub Twig, co daje możliwość dobrania składni do doświadczenia osoby realizującej projekt.

Kontrolki tworzone dla własnego elementu mogą zostać przypisane do zakładek treści i stylu w interfejsie Bricks. Dostępne typy pól, takie jak tekst, obszar tekstowy czy liczba, umożliwiają przekazanie późniejszemu redaktorowi tylko tych ustawień, które rzeczywiście powinien zmieniać. Gotowy komponent można wyeksportować do pliku JSON i zaimportować w innej witrynie, co upraszcza budowanie biblioteki powtarzalnych rozwiązań dla wielu realizacji.

Poza kreatorem komponentów Wtyczka Piotnet Bricks dostarcza elementy wizualne i rozszerzenia logiki działające w środowisku Bricks Builder. Poszczególne moduły odpowiadają na konkretne potrzeby projektowe, od prezentacji zdjęć po obsługę formularzy zależnych od danych użytkownika.

• Conditional Visibility: pokazuje lub ukrywa elementy na podstawie ról użytkowników, daty, czasu, typu wpisu, taksonomii, pól własnych albo informacji zawartych w adresie URL.
• Form Conditional Logic: steruje widocznością pól w standardowym formularzu Bricks zależnie od wartości wprowadzonych lub wybranych przez użytkownika.
• Form Calculation: wykonuje obliczenia na liczbach przesłanych przez pola formularza, co pozwala tworzyć kalkulatory wycen, kosztów, powierzchni lub zapotrzebowania.
• Form Abandonment: zapisuje częściowo wprowadzone dane z nieukończonych formularzy i umożliwia odwiedzającemu kontynuowanie ich uzupełniania.
• Range Slider: dodaje do formularza Bricks pole wyboru wartości za pomocą suwaka, przydatne między innymi w kalkulatorach i konfiguratorach.
• Image Comparison: porównuje dwa obrazy za pomocą ruchomego separatora działającego w orientacji poziomej lub pionowej.
• Hotspot: umieszcza na grafice aktywne punkty przekazujące dodatkowe informacje o wskazanych fragmentach zdjęcia, produktu lub schematu.
• Advanced Tabs: organizuje większą ilość treści w przełączanych zakładkach, ograniczając długość strony bez usuwania istotnych informacji.

Warunkowa treść, formularze i elementy interaktywne

Moduł widoczności warunkowej może być stosowany do elementów Bricks, formatów układu oraz komponentów dostarczanych przez inne dodatki współpracujące z builderem. Warunki można łączyć operatorami AND i OR oraz przypisać im akcję pokazania albo ukrycia elementu. Obsługiwane są między innymi status zalogowania, role WordPress, harmonogramy według strefy czasowej serwera, domyślne pola własne, pola ACF, parametry URL oraz porównania wartości tekstowych i liczbowych.

Taka logika sprawdza się przy tworzeniu stref dla zalogowanych klientów, czasowych komunikatów, ofert zależnych od kategorii wpisu oraz formularzy kontaktowych wyświetlanych tylko przy określonych danych produktu. W witrynach WooCommerce zbudowanych przy użyciu Bricks może służyć do różnicowania sekcji szablonu, prezentowania dodatkowych informacji dla wybranych grup użytkowników lub uzależniania treści od danych dostępnych w polach własnych. Nie jest to jednak samodzielne rozszerzenie mechanizmu sprzedaży WooCommerce, lecz zestaw narzędzi projektowych dla Bricks Builder.

Biblioteka dodatku obejmuje również Flex Slider, przewijaną ścianę logotypów Marquee Logo Wall, przełącznik treści, podpowiedzi Tooltip, animacje uruchamiane podczas przewijania i przycisk Scroll To Top. Dostępne są ponadto przenikanie wielu obrazów tła, synchronizowany kanał Instagram oraz elementy przycisków z efektami animacji. Funkcje te pozwalają budować interaktywne sekcje bez instalowania osobnego rozszerzenia dla każdego pojedynczego efektu.

Wtyczka Piotnet Bricks jest szczególnie użyteczna w projektach, w których gotowy zestaw elementów Bricks nie pokrywa wszystkich wymagań funkcjonalnych. Możliwość zapisania własnej struktury komponentu, dodania kontrolowanego interfejsu edycji i przenoszenia elementów pomiędzy stronami pomaga standaryzować pracę przy witrynach firmowych, landing page, katalogach, serwisach treściowych oraz sklepach opartych na szablonach Bricks.

Element Creator wymaga środowiska z PHP w wersji co najmniej 7.2.5. W praktyce część gotowych modułów można skonfigurować bez kodowania, natomiast tworzenie całkowicie własnych elementów wymaga przynajmniej podstawowej znajomości HTML, CSS oraz PHP lub Twig. Dzięki temu dodatek pozostaje dostępny dla użytkowników korzystających z gotowych rozszerzeń, a jednocześnie zapewnia techniczną swobodę osobom przygotowującym indywidualne komponenty.