KREATYWNI

... Z NATURY

Więcej o nas

NASZA OFERTA

co robimy ?

Od momentu założenia w 2004 roku, rozwija się bardzo dynamicznie. Dzięki ciągłemu rozszerzaniu świadczonych przez nas usług, stale powiększamy grupę zadowolonych klientów. To co przekonało naszych klientów to nasza elastyczność i uwzględnianie ich indywidualnych potrzeb.

Strony internetowe
optymalizacja seo

Strona WWW jest głównym źródłem informacji i interaktywnym środowiskiem kontaktu z klientem.

Czytaj więcej

SKLEPY INTERNETOWE PRESTASHOP

Nowoczesne, funckjonalne i łatwe w obsłudze rozwiązanie e-commerce dostosowane do Twoich potrzeb.

Czytaj więcej

SEO /SEM
audyty

Zwiększanie widoczności strony, podniesienie pozycji w wyszukiwarce Google. Pozycjonowanie sklepów internetowych - SEO PrestaShop. Audyty SEO.

Czytaj więcej
Strona WWW jest głównym źródłem informacji i interaktywnym środowiskiem kontaktu z klientem. Jest to równocześnie najtańszy sposób zareklamowania się szerokiemu gronu klientów i kontrahentów. Jakie funkcje powinna spełniać Twoja strona internetowa?

PORTFOLIO

Nasze prace

Obsługa błędów w PrestaShop – Tryb debugowania

Włączanie trybu debug w PrestaShop jest pomocne w trakcie procesu rozwijania, testowania i debugowania sklepu internetowego. Tryb debug pozwala uzyskać szczegółowe informacje o błędach, ostrzeżeniach i innego rodzaju komunikatach, co ułatwia zlokalizowanie i naprawienie problemów w sklepie. Oto kilka powodów, dla których warto włączyć tryb debug w PrestaShop:

Lokalizacja błędów w PrestaShop:

Tryb debug wyświetla dokładne informacje o błędach, w tym plik i numer linii, gdzie wystąpił problem. To ułatwia programistom zlokalizowanie i naprawienie błędów w kodzie sklepu.

Ostrzeżenia i komunikaty w PrestaShop:

Po włączeniu trybu debug otrzymasz ostrzeżenia i komunikaty dotyczące różnych aspektów działania sklepu. Dzięki temu możesz dowiedzieć się o potencjalnych problemach jeszcze przed tym, nim staną się one krytyczne.

Śledzenie wywołań funkcji:

Tryb debug pozwala śledzić kolejność wywołań funkcji, co jest przydatne do analizy procesów i zrozumienia, co dzieje się w trakcie różnych operacji na stronie.

Analiza wydajności sklepu interntowego:

Możesz monitorować wydajność strony, sprawdzając, które elementy sklepu zajmują najwięcej czasu ładowania. To może pomóc w optymalizacji kodu i zwiększeniu szybkości działania sklepu.

Rozwój i testowanie sklepu PrestaShop:

Podczas prac nad nowymi funkcjonalnościami lub modyfikacjami w sklepie, tryb debug ułatwia monitorowanie zachowania systemu, co przyspiesza proces rozwijania i testowania.

Aby włączyć tryb debug w PrestaShop, wykonaj poniższe kroki:

Zaloguj się do panelu administracyjnego PrestaShop.
Przejdź do zakładki „Zaawansowane Parametry” (Advanced Parameters).
Kliknij na zakładkę „Wydajność” (Performance).
W sekcji „Debugowanie” (Debug Mode) ustaw wartość na „Tak”.
Kliknij „Zapisz”.

Po włączeniu trybu debug, pamiętaj, aby go wyłączyć po zakończeniu prac deweloperskich, ponieważ informacje debugowania mogą zawierać poufne dane, które nie powinny być dostępne publicznie na stronie produkcyjnej sklepu.

Nie chcesz martwić się o błędy w swoim sklepie zleć nam opiekę PrestaShop Nam i śpij spokojnie.

Opieka nad sklepami PrestaShop

Oferujemy kompleksową opiekę nad sklepami opartymi na platformie PrestaShop, aby zapewnić Ci spokój i sukces w prowadzeniu Twojego e-sklepu. Nasza oferta opieki nad sklepami PrestaShop obejmuje szeroki zakres usług, które dostosowujemy do Twoich indywidualnych potrzeb. Oto, co możemy dla Ciebie zrobić:

Utrzymanie PrestaShop:

Monitorowanie sklepu pod kątem ewentualnych problemów i szybka reakcja na wszelkie zagrożenia.

Dostosowanie i rozwijanie sklepów PrestaShop:

Personalizacja wyglądu i funkcjonalności Twojego sklepu PrestaShop. Dodawanie nowych modułów i rozszerzeń, aby rozwinąć możliwości sklepu.

Optymalizacja sklepu PrestaShop:

Poprawa wydajności i szybkości działania sklepu. Optymalizacja stron produktów, aby zwiększyć konwersje.

Bezpieczeństwo:

Monitorowanie bezpieczeństwa sklepu i jego ochrona przed atakami.

Obsługa techniczna PrestaShop:

Pomoc techniczna dla Ciebie i Twoich klientów. Rozwiązywanie problemów związanych z działaniem sklepu.

SEO i marketing:

Optymalizacja SEO, aby zwiększyć widoczność Twojego sklepu w wynikach wyszukiwania. Wspieranie działań marketingowych, takie jak kampanie reklamowe i e-mail marketing.

Szkolenia i wsparcie:

Szkolenie Ciebie i Twojego zespołu w obszarze zarządzania sklepem PrestaShop. Stałe wsparcie i konsultacje w zakresie e-commerce.



Niezależnie od tego, czy jesteś właścicielem małego sklepu internetowego czy dużego przedsiębiorstwa, nasza opieka nad sklepami PrestaShop pomoże Ci osiągnąć sukces online. Skontaktuj się z nami, aby omówić Twoje potrzeby i dostosować naszą ofertę do Twoich indywidualnych wymagań. Zaufaj nam i ciesz się rosnącym zyskiem ze swojego sklepu PrestaShop.

Zaokrąglanie podatku VAT w PrestaShop

PrestaShop po instalacji ma ustawione domyślnie obliczanie podatku VAT dla pojedynczego produktu.
W przypadku Polski przy zamawianiu większej liczby produktów tego samego typu może powodować błędy w obliczaniu VAT.

Załóżmy, że nasz produkt kosztuje 46,20 zł netto.

W momencie jeśli dodamy dodamy do niego VAT (23%) wartość produktu wyniesie 56,83zł brutto.

Jeśli zamawiamy jeden produkt błędu nie ma natomiast jeśli chcemy zamówić 30sztuk. PrestaShop obliczoną wartość brutto przemnoży przez 30 co da nam 1704,90 brutto

Niestety nie jest to zgodne z polskim systemem księgowym. Np. subiekt mnoży najpierw cenę netto x ilość jednostek a na końcu oblicza VAT i w tym przypadku wartość brutto naszego koszyka powinna wynosić : 46,20*30szt=1386zł netto *1,23 (VAT23%) = 1704,78

Różnica w VAT w zależności od sposobu liczenia wynosi 12groszy. Z księgowego punktu widzenia mamy za dużą wpłatę faktura wystawiona na mniejszą kwotę.

Żeby ujednolicić sposób obliczania VAT aby w PrestaShop był taki sam jak w Subiekt należy przejść do Preferencje -> ogólne i zmienić sposób zaokrąglania na zaokrąglanie w linii.

Po tej zmianie wartość brutto w PrestaShop jest taka sama jak w Subiekt.

Tworzenie wpisów w WordPress używając Gutenberga.

Wybór tekstu:

Powyższy tekst to nagłówek, który można wybrać tutaj:

Inne rodzaje tekstu to akapit, który wygląda tak jak ten tekst. Pozostałe rodzaje to:

Lista:

  • To
  • jest
  • lista.

Cytat:

To jest cytat.

Kod:

int i=0;
i++;
System.out.println(i);

Wstępnie sformatowany:

Dodaje tekst, który uwzględnia odstępy i tabulatory, a także pozwala na nadanie wyglądu. Ten tekst jest wstępnie sformatowany.

Cytat wyróżniony:

Tak wygląda cytat wyróżniony.

Anonim

Tabela:

Kolumna 1Kolumna 2Kolumna 3
Wiersz 1Wiersz 1Wiersz 1
Tak wygląda tabela na 3 kolumny i 2 wiersze.

Wiersz:

Oto wiersz, prosty i krótki jak sen,
Słowa splatają się tu w rytmiczną grę.

Wybór media:

Media można wybrać tutaj:

Zdjęcie powyżej to obrazek.

Galeria:

Plik dźwiękowy:

Dodawanie tekstu i mediów jest proste w obsłudze. Po wyborze, pojawia się pole:

Po przesłaniu lub napisaniu tekstu tworzy się nasz wybrany tekst lub media.

Walidacja pola NIP w PrestaShop

Poniższy film prezentuje działanie skryptu który uniemożliwia wpisanie niepoprawnych znaków do pola NIP w PrestaShop.

PrestaShop w standardzie niestety nie ma walidacji pola NIP. Często klienci w tym polu wpisują uwagi do zamówienia a w kolejnym kroku jeśli mamy integrację z programami księgowymi generują się błędy przy synchronizacji spowodowane niedozwolonymi znakami w polu NIP.

W prosty sposób możemy nadać maskę do do pola NIP w javascript która będzie walidować rzeczy wpisywane do pola NIP w czasie rzeczywistym. W przypadku wykrycia niepoprawnego znaku zapobiegnie wpisanie poprzez przywrócenie ostatniej poprawnej wartości.

Założenia: Funkcja ma pozwalać jedynie na wprowadzanie cyfr. Format w polu NIP ma być zachowany: 3 cyfry-3 cyfry- 2 cyfry- 2 cyfry. Myślniki mają wprowadzać się automatycznie. Maksymalna długość wartości w polu to 13, wszystko ponad ma być automatycznie usuwane.

  1. Zmienne:
  • beforeValue – przechowuje wartość przed wpisaniem nowego znaku, jest globalna
  • nip – przechowuje kolekcje elementów o nazwie „vat_number”
  • lastkey – przechowuje kod ostatniego  wprowadzonego znaku
  • lastKeyNB – przechowuje ostatni wprowadzony znak niebędący backspace
  • lastKeyChar – przechowuje char ostatniego wprowadzonego znaku backspace
  • nipLength – przechowuje długość wprowadzonego napisu
  • regexLastKey – przechowuje regex sprawdzania pojedynczego znaku, jest const
  • regexBackspace – przechowuje regex sprawdzania backspace, jest const.

2. Działanie funkcji ‘keyup’:

Jeżeli wystąpiło zdarzenie ‘keyup’, czyli podniesienie klawisza, to wykonuje się sprawdzanie ostatnio wprowadzonego znaku. Pierwsze sprawdzenie warunkowe odpowiada za przypadek, jeśli zostało wciśnięte backspace. W nim następnie sprawdzane jest czy został usunięty myślnik. Jeśli tak to zostają usunięte dwa ostatnie znaki. Znak przed myślnikiem również zostaje usunięty, ponieważ regex nie pozwala na wprowadzanie myślników przez użytkownika, więc jeśli użytkownik przez przypadek usunąłby myślnik, nie miałby możliwości wprowadzenia go z powrotem.  W przeciwnym razie usunięty zostaje tylko jeden znak. Na koniec wartość beforeValue zostaje nadpisana, aby przechowywała wartość po usunięciu znaku/znaków.

Jeśli wprowadzony znak nie jest cyfrą to do wartości pola nip zostaje przypisana wartość beforeValue. Funkcja pozwala na wprowadzanie tylko cyfr, wszystkie inne znaki zostają automatycznie usunięte.

Jeżeli żadne z powyższych przypadków nie zostanie spełnionych to najpierw funkcja sprawdzi czy jest to miejsce, w którym powinien znajdować się myślnik. Jeśli tak to dopisze myślnik do wartości pola nip, co sprawia, że myślniki wprowadzają się automatycznie. Na koniec wartość pola beforeValue zostanie nadpisana.

Po sprawdzeniu wprowadzonego znaku, funkcja sprawdza czy wprowadzona wartość nie jest dłuższa od maksymalnej długości.  Jeśli jest, to funkcja usuwa dodatkowo wprowadzony znak i nadpisuje wartość beforeValue.

3. Działanie funkcji ‘blur’:

Jeśli wystąpiło zdarzenie ‘blur’, czyli wyjście poza pole, to funkcja sprawdza czy znajduje się w polu jakiś znak i czy wartość jest krótsza od maksymalnej długości. Jeśli jest to wypisuje alarm o niepoprawnej wartości pola nip. Zabezpiecza to przed przypadkowym wpisaniu cyfry w pole nip.

let beforeValue="";
$(function() {
	var nip = document.getElementsByName('vat_number');
	$(nip).on('keyup',function(event){
		var lastkey = event.keyCode;
		var lastKeyNB = event.key;
		var nipLength = nip[0].value.length;
		const regexLastKey = /[^\d]/i;
		const regexBackspace = /[\b]/i;
		var lastkeyChar = String.fromCharCode(lastkey);
		if(regexBackspace.test(lastkeyChar)){
			if(nipLength==3 || nipLength==7 || nipLength==10){
				nip[0].value = nip[0].value.substr(0,nip[0].value.length-1);
			} else{
				nip[0].value = nip[0].value.substr(0,nip[0].value.length);
			}
			beforeValue = nip[0].value;
		} else if(regexLastKey.test(lastKeyNB)){
			nip[0].value=beforeValue;
		} else{
			if(nipLength==3 || nipLength==7 || nipLength==10){
				nip[0].value += "-";
			}
			beforeValue=nip[0].value;
		}
		if(nip[0].value.length>13){
			nip[0].value = nip[0].value.substr(0,13);
			beforeValue = nip[0].value;
		}
	});
	$(nip).on('blur',function(event){
		if(nip[0].value.length>0 && nip[0].value.length<13){
			alert("Niepoprawny NIP");
		}
	});
});

Modyfkicja menu w WordPress

Menu to jedna z najważniejszych części każdej witryny, zarówno dla użytkowników, jak i właścicieli. W miarę rozwoju technologii, wzrostu popularności urządzeń mobilnych i zmieniających się preferencji użytkowników, modyfikacje menu stały się niezbędne, aby dostosować do nich interfejs strony. W tym artykule przedstawimy jak modyfikować menu w WordPress.

Panel administracyjny WordPress

Aby modyfikować menu naszej strony w WordPress musimy wejść do wyglądu strony który znajduje się po lewej stronie panelu.

 

Natępnie z listy wybieramy Menu

 

Dodawanie elementów do menu strony

Kiedy już nam się otworzy okno z konfiguracją menu to po lewej stronie znajdują się wszystkie nasze strony. Aby dodać stronę do menu trzeba daną stronę zaznaczyć a następnie kliknąć „Dodaj do menu”.

 

Usuwanie elementów z menu

Aby usunąć dany element z menu klikamy na dany element i z listy, która się pojawiła, klikamy usuń.

 

 

Zamiana kolejności elementów w menu

Aby zmienić kolejność elementów w menu należy dany element kliknąć i trzymając przesuwamy go w żądane miejsce.

 

W taki sposób możemy również wrzucać jak podstrony danego elementu.

 

Podsumowując, modyfikacje menu odgrywają kluczową rolę w zapewnieniu optymalnego doświadczenia użytkownikom oraz lepszej wydajności witryny. Dostosowanie menu do urządzeń mobilnych, ułatwienie nawigacji, promowanie istotnych elementów i personalizacja dla różnych grup odbiorców mogą znacznie poprawić efektywność strony internetowej. Pamiętaj, że modyfikacje menu powinny być przemyślane i dostosowane do charakteru Twojej witryny oraz potrzeb użytkowników, aby osiągnąć najlepsze rezultaty.

Przekierowanie 301: kluczowy element w SEO oraz w zarządzaniu stronami internetowymi

 

Skuteczne zarządzanie stroną internetową jest niezwykle ważne, zarówno dla użytkowników, jak i wyszukiwarek. Jednym z kluczowych narzędzi w tym kontekście są przekierowania 301. W tym artykule omówimy, czym jest przekierowanie 301, do czego służy,  jak je wprowadzić w pliku .htaccess oraz przedstawimy wykorzystanie tego mechanizmu.

 

Czym są przekierowanie 301?

Przekierowanie 301, znane również jako „trwałe przekierowanie”, to jedno z najczęściej używanych narzędzi SEO oraz zarządzaniu stronami internetowymi. Polega na przekierowaniu jednego adresu URL na inny za pomocą kodu statusu HTTP 301.

 

Do czego służą przekierowania 301

Przekierowanie 301 ma kilka zastosowań:

  1. Zmiana domeny – Gdy przenosimy stronę na nową domenę, przekierowania 301 pozwalają na zachowanie ruchu z poprzedniej domeny.
  2. Usunięcie stron – Kiedy usuwamy konkretne strony lub podstrony, przekierowania 301 pozwalają przekierować ruch i wartość SEO ze starej strony na inną istniejącą stronę.
  3. Korekta adresów URL – Czasami możliwe są różne wersje adresu URL, które w oczach wyszukiwarki mogą być traktowanie jako oddzielne strony. Przekierowania 301 pozwalają skonsolidować te wersje po jednym adresem URL.
  4. Aktualizacje i restrukturyzacje – Podczas wprowadzania zmian struktury witryny, takich jak zmiana kategorii, tagów itp., przekierowania 301 pozwalają na płynne przekierowanie ruchu i SEO.

 

Jak wprowadzić przekierowanie 301 w pliku .htaccess?

Plik .htaccess jest często wykorzystywanych w serwerach opartych na Apache do konfigurowania różnych aspektów strony. Aby wprowadzić przekierowania 301, możemy użyć następującej składni w pliku .htaccess:

RewriteEngine On
RewriteRule ^stary-adres$ /nowy-adres [R=301,L]

 

Przykłady przekierowania 301:

  • Przekierowanie z niebezpiecznego na zabezpieczony protokół HTTPS:

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://www.twojadomena.pl/$1 [R=301,L]

  • Przekierowanie z jednej konkretnej strony na inną:

RewriteEngine On
Redirect 301 /stara-strona https://www.twoja-domena.pl/nowa-strona/

Przykład:

Po wpisaniu adresu do podstrony portfolio przekieruje nas do strony news:

 

  • Przekierowanie z jednej domeny na drugą

RewriteEngine On
RewriteCond %{HTTP_HOST} ^stara-domena\.pl [NC]
RewriteRule ^(.*)$ https://nowa-domena.pl/$1 [R=301,L]

Przekierowania 301 są potężnym narzędziem, które pomaga na utrzymanie ruchu, wartości SEO oraz dobrego doświadczenia użytkowników podczas zmian na stronie internetowej. Poprzez odpowiednie skonfigurowanie przekierowań w pliku .htaccess, możemy osiągnąć płynne i skuteczne przekierowanie z jednego adresu URL na drugi. Pamiętaj, aby dbać o właściwą implementację przekierowań, aby uniknąć problemów z indeksacją w wyszukiwarkach i zapewnić pozytywne doświadczenie dla użytkowników.

Jeśli Twoja strona się nie otwiera, wp-admin jest zablokowany – możliwe, że strona została zaatakowana przez złośliwy skrypt który zmodyfikował plik .htaccess, który blokuje wykonywanie skryptów PHP i strona przestaje działać. Przykład fragmentu pliku z pliku .htaccess

<FilesMatch "\.(php|php7|phtml|suspected)$">
    Deny from all
</FilesMatch>

Ta reguła powoduje blokowanie dla wszystkich użytkowników dostępu do plików .php (WordPress jest napisany w PHP)

Samo wyczyszczenie pliku .htaccess nic nie daje ponieważ zostały zmodyfikowane pliki WordPressa które przy próbie uruchomienia strony automatycznie dokonują ponownie modyfikacji. Poniżej screen zmodyfikowane pliku index.php

W pierwszym kroku powinniśmy wyczyścić zainfekowane pliki – możemy to zrobić zastępując je nowymi z czystej instalacji. W kolejnym wyczyścić wszystkie htaccess które się dodały do każdego folderu.

W analizowanym przez nasz przypadku było ponad 4100 plików – ręczne usuwanie zajęło by sporo czasu dobrze to zautomatyzować komendami powłoki.

Jeśli potrzebujecie Państwo pomocy przy usunięciu zapraszamy do kontaktu.

PrestaShop - problem z aktualizacją koszyka

Problem z aktualizacją koszyka może pojawić się kiedy chcemy dodać kolejne sztuki danego przedmiotu w koszyku. Po kliknięciu zwiększenia lub zmniejszenia ilości sztuk lub przy kliknięciu ikony kosza, pomimo wykonania operacji w tle, zawartość jak i cena koszyka się nie aktualizuje samoistnie. Zmiany można zobaczyć dopiero po odświeżeniu strony.

 

Kiedy produkt jest dodawany do koszyka, są przechowywane pewne informacje o tym produkcie, takie jak ID i atrybuty.

Kiedy chcesz dodać lub usunąć produkt z koszyka program musi wiedzieć, który konkretny produkt chcesz usunąć. Aby to zrobić, wykorzystuje się informacje związen z powodem (ang. reason), czyli powód, dla którego chcesz dodać lub usunąć kolejne sztuki produktu.

Na podstawie tych informacji, program wie, który produkt ma zostać usunięty z koszyka.

Korzystając z tych informacji, program wykonuje odpowiednie działania,  aby usunąć lub dodać ten produkt w koszyku. Może to obejmować aktualizację widoku strony internetowej.

Rozwiązaniem tego problemu jest podmiana kawałka kodu w pliku „core.js”. Plike „core.js” powinien znajdować się domyślnie w plikach sklepu PrestaShop w  folderze „themes”

Plik otwieramy edytorem tekstu (np. notepad++) a następnie przy wykorzystaniu funkcji szukaj (ctrl+f) szukamy „e.resp.cart”.

Wyszukaną część kodu zastępujemy „e.reason.cart;”.

Po zapisaniu zmian w pliku widok koszyka powinien aktualizować się w czasie rzeczywistym bez konieczności odświeżania storny.

Konfiguracja krajów wysyłki w PrestaShop

Konfiguracja krajów wysyłki w PrestaShop jest kluczowa dla skutecznego prowadzenie sklepu internetowego aby zapewnić zapewnia elastyczność i wygodę dla twoich klientów. Ten prosty przewodnik krok po kroku pomoże Ci precyzyjnie określić obszar dostaw wysyłki. Po wykonaniu konfiguracji Twoje kraje dostępne do wysyłki zostaną zaktualizowane.

Logowanie

Aby rozpocząć, zaloguj się do panelu administracyjnego swojego sklepu PrestShop. Wpisz swoje dane logowania i kliknij przycisk „zaloguj się”.

Okno logowania do panelu admina PrestaShop

 

Panel administracyjny

W panelu administracyjnym, po lewej stronie w menu, w zakładce „Ulepszenia” rozwiń listę „Międzynarodowy”. Z rozwiniętej listy wybierz opcję „Położenie”.

Wybór opcji w panelu administratora

W nowo otwartym oknie wybierz zakładkę „Kraje”. Będzie to lista dostępnych krajów, które można dodać lub usunąć jako kraj wysyłki.

Wybór zakładki "Karaje"

W oknie „Kraje” wyszukaj za pomocą filtrów (np. ID kraju, Nazwa Kraju, kod ISO itd.) kraj, który chcesz dodać jako kraj wysyłki.

Filtry wyszukiwania krajów wysyłki

Po wykorzystaniu filtra pojawi Ci się wyszukiwany kraj wraz z informacjami oraz z opcją możliwości edycji.

Edycja wyszukiwanego kraju

 

W ostatnim kroku podczas edycji kraju znajdź opcję „Włączone” i kliknij suwak tak aby był w kolorze zielonym i żeby napis obok był wyświetlony jako „Tak”. Kiedy już masz dany kraj „włączony” kliknij w dolnym prawym rogu przycisk „zapisz”.

Ustawienie kraju jako kraj wysyłki

Po zapisaniu wprowadzonych zmian powinieneś wrócić do okna wyszukiwania krajów z pozytywną informacją o treści „Zaktualizowano pomyślnie”.

Potwierdzenie wprowadzonych zmian

Mam nadzieje że ten przewodnik krok po kroku pomógł Ci zrozumieć proces dodawania krajów wysyłki w PrestaShop. Pamiętaj, że możesz dowolnie dodawać modyfikować i dostosowywać tę konfigurację w zależności od wymagań Twojego sklepu i preferecji klientów.

Pokaż więcej projektów
Zamów wycenę
Polityka prywatności | Regulamin
Pro-link 2005-2020