Dev Notes/Blog
Wiedza i inspiracje na temat html, css, javascript, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.
JavaScript – różne
zamieszczenie atrybutu defer w znaczniku html script pozwala na pobranie zamieszczonego w parametrze src skryptu równolegle z ładowaniem strony ale wykonanie go kiedy strona zostanie już...
JavaScript
sprawdzenie wersji jQuery w oknie przeglądarki
w oknie konsoli przeglądarki wpisujemy polecenie $().jquery; lub $.fn.jquery i wyświetla nam się wersja jQuery użyta na danej stronie lub info o braku tej...
jQuery
animowane icony
aby nadać stronie trochę więcej życia możesz zastosować animowane icony. Kiedy jednak nie masz dobrego animatora pod ręką fajnym rozwiązaniem jest skorzystanie z lordicon. Portal ten ma...
animate
Zmiana umiejscowienia formularza kuponów na stronie Zamówienia w WooCommerce
Jeśli chcemy przenieść pole "Masz kupon? Kliknij tutaj, aby dodać swój kod" z samego topu strony (zaraz pod tytułem strony Zamówienia) to przyda się poniższy kod. Pierwsze polecenie usuwa...
coupon woocommerce
pobranie wartości z obiektu cart
Mając dostęp do zmiennej $cart możemy pobrać wszystkie jej wartości poprzez $cart Jeśli jednak nie mamy bezpośredniego dostępu do tego obiektu, możemy wywołać go globalnie w dowolnym...
cart woocommerce
pobranie danych bramek płatności w Woocommerce
Można pobrać wszystkie metody płatności Woocommerce za pomocą klasy WC_Payment_Gateways. Ale aby pobrać dostępne metody płatności i ich powiązane dane, dobrze sprawdza się poniższy...
płatności woocommerce
ciekawe w css
overscroll-behavior ustawiony na wartość none, pozwala na uniknięcie "odbijania" layoutu strony przy szybkim scrollowaniu w dół :root { overscroll-behavior: none; } text-wrap:...
css
Webflow – interakcje
Animacje po pojawieniu się elementu w polu widoczności - poprzez zaznaczenie elementu, następnie, w zakładce Interactions po prawej stronie w sekcji Element trigger plusem dodajemy Scroll into...
webflow
ACF 6.2.5 – text field, area with iframe
Od wersji ACF (advanced custom fields) 6.2.5 z powodu zwiększenia bezpieczeństwa wprowadzono zmienę do pól aby uniknąć wstrzykiwania złośliwego kodu HTML. Kiedy jednak potrzebujemy w polu...
ACF
Webflow – skróty klawiaturowe
W panelu Designer możemy operować następującymi skrótami klawiaturowymi: P - otwiera widok ze stronami - Pages J - otwiera widok z plikami graficznymi - Assets G - otwiera widok z...
webflow
Webflow – optymalizacja seo
Optymalizacja SEO - jest to dość istotne działanie pod kątem wyszukiwarek, mediów społecznościowych oraz dowolnego rodzaju udostępniania. Z menu bocznego wybieramy Pages, wybieramy naszą...
webflow
ścieżka do katalogu theme i ścieżka do katalogu child theme w WordPress
Kiedy mamy własny temat w WP i chcemy w jego plikach pobrać ścieżkę do katalogu tematu by zamieścić obrazek lub inny plik wykorzystujemy funkcję: get_template_directory_uri() jak np. w...
Wordpress
przydatne shortcode do woocommerce
woocommerce_cart – shows the cart page woocommerce_checkout – shows the checkout page woocommerce_my_account – shows the user account page woocommerce_order_tracking – shows the order...
woocommerce
Ultimate Auction Pro Plugin
Opis instalacji i użycia pluginu Ultimate WooCommerce Auction Pro. Pełną dokumentację znajdziesz tutaj. Plugin Wordpress Ultimate Auction Pro Plugin jest płatnym rozwiązaniem opartym na...
plugins woocommerce wp
Node.js
Node to środowisko uruchomieniowe JavaScript o otwartym kodzie źródłowym - co oznacza, że możemy wykonywać JavaScript na naszej maszynie, a nie tylko w przeglądarce. Node instalujemy...