Zamiana miejscami logo i numeru faktury na wydruku faktury (bez szablonu default i old)

  1. 1. Za pomocą kodów CSS możesz zmienić wygląd wydruku faktury. W tym przykładzie wskażemy jak zamienić miejscami logo i numer dokumentu. Szablonem, na którym pokażemy zmianę będzie SKY. Aby zweryfikować systemowy wygląd faktury w tym szablonie, przejdziemy do zakładki 'Przychody'.

    Za pomocą kodów CSS możesz zmienić wygląd wydruku faktury. W tym przykładzie wskażemy jak zamienić miejscami logo i numer dokumentu. Szablonem, na którym pokażemy zmianę będzie SKY. Aby zweryfikować systemowy wygląd faktury w tym szablonie, przejdzie
  2. 2. Naszym przykładowym dokumentem, na którym wskażemy różnicę po skorzystaniu z kodu CSS będzie faktura VAT. Z listy dokumentów wybieramy więc opcję 'Faktury'.

    Naszym przykładowym dokumentem, na którym wskażemy różnicę po skorzystaniu z kodu CSS będzie faktura VAT. Z listy dokumentów wybieramy więc opcję 'Faktury'.
  3. 3. Następnie na liście dokumentów wybieramy numer faktury, która będzie naszym przykładem. Aby przejść do jej podglądu, kliknij numer dokumentu.

    Następnie na liście dokumentów wybieramy numer faktury, która będzie naszym przykładem. Aby przejść do jej podglądu, kliknij numer dokumentu.
  4. 4. Faktura wystawiona jest w szablonie SKY. Domyślnie wgrane logo wyświetla się po lewej stronie, a numer faktury i szczegóły np. data wystawienia czy sprzedaży widoczne są po prawo nad danymi Nabywcy.

    Faktura wystawiona jest w szablonie SKY. Domyślnie wgrane logo wyświetla się po lewej stronie, a numer faktury i szczegóły np. data wystawienia czy sprzedaży widoczne są po prawo nad danymi Nabywcy.
  5. 5. Aby zmienić położenie logo i numeru faktury w ustawieniach wydruku, należy dodać właściwy dla szablonu kod CSS. Kody znajdziesz bezpośrednio w treści artykułu. Aby dodać kod CSS, przejdź do zakładki 'Ustawienia'.

    Aby zmienić położenie logo i numeru faktury w ustawieniach wydruku, należy dodać właściwy dla szablonu kod CSS. Kody znajdziesz bezpośrednio w treści artykułu. Aby dodać kod CSS, przejdź do zakładki 'Ustawienia'.
  6. 6. Następnie z listy wybierz 'Ustawienia konta'.

    Następnie z listy wybierz 'Ustawienia konta'.
  7. 7. Z belki po lewej stronie wybierz opcję 'Wydruki'.

    Z belki po lewej stronie wybierz opcję 'Wydruki'.
  8. 8. Zjedź na dół strony do sekcji 'Konfiguracja' i znajdź pole 'Konfiguracja wydruku przez CSS'.

    Zjedź na dół strony do sekcji 'Konfiguracja' i znajdź pole 'Konfiguracja wydruku przez CSS'.
  9. 9. W polu 'Konfiguracja wydruku przez CSS' wklej kod CSS skopiowany z treści artykułu. Pamiętaj, by kod był zgodny z szablonem, którego używasz.

    W polu 'Konfiguracja wydruku przez CSS' wklej kod CSS skopiowany z treści artykułu. Pamiętaj, by kod był zgodny z szablonem, którego używasz.
  10. 10. Zatwierdź wprowadzone w ustawieniach zmiany przyciskiem 'Zapisz'.

    Zatwierdź wprowadzone w ustawieniach zmiany przyciskiem 'Zapisz'.

💭 Jak sprawdzić z jakiego szablonu korzystam?

  1. 11. Teraz zweryfikujemy czy dodany kod CSS zamienił miejscami logo i numer na przykładowej fakturze. Ponownie przechodzimy do zakładki 'Przychody' i z listy wybieramy 'Faktury'.

    Teraz zweryfikujemy czy dodany kod CSS zamienił miejscami logo i numer na przykładowej fakturze. Ponownie przechodzimy do zakładki 'Przychody' i z listy wybieramy 'Faktury'.
  2. 12. Na liście klikamy ten sam numer dokumentu, który weryfikowaliśmy na początku.

    Na liście klikamy ten sam numer dokumentu, który weryfikowaliśmy na początku.
  3. 13. Zmiana jest już widoczna z poziomu podglądu faktury. Logo, które wcześniej było po lewej stronie dokumentu, zamieniło się miejscami z numerem faktury. Pamiętaj, że korzystanie z kodów CSS nie zawsze wyświetla zmianę od razu na podglądzie dokumentu, a jedynie na wydruku lub PDF.

    Zmiana jest już widoczna z poziomu podglądu faktury. Logo, które wcześniej było po lewej stronie dokumentu, zamieniło się miejscami z numerem faktury. Pamiętaj, że korzystanie z kodów CSS nie zawsze wyświetla zmianę od razu na podglądzie dokumentu, a
  4. 14. Szablon dokumentu można określić w dwóch miejscach w systemie - w ustawieniach ogólnych konta oraz ustawieniach firmy/działu. Aby sprawdzić szablon w ustawieniach, przejdź do zakładki 'Ustawienia'.

    Szablon dokumentu można określić w dwóch miejscach w systemie - w ustawieniach ogólnych konta oraz ustawieniach firmy/działu. Aby sprawdzić szablon w ustawieniach, przejdź do zakładki 'Ustawienia'.
  5. 15. Następnie z listy wybierz 'Ustawienia konta'.

    Następnie z listy wybierz 'Ustawienia konta'.
  6. 16. Z belki po lewej stronie wybierz 'Szablony'.

    Z belki po lewej stronie wybierz 'Szablony'.
  7. 17. Aktywny jest ten szablon, przy którym aktualnie zaznaczony jest checkbox. W naszym przykładzie szablonem dla dokumentów jest SKY.

    Aktywny jest ten szablon, przy którym aktualnie zaznaczony jest checkbox. W naszym przykładzie szablonem dla dokumentów jest SKY.
  8. 18. Szablon możesz zweryfikować również w ustawieniach firmy, jeśli każda z firm/działów ma swój własny szablon. W tym celu przejdź do zakładki 'Ustawienia'.

    Szablon możesz zweryfikować również w ustawieniach firmy, jeśli każda z firm/działów ma swój własny szablon. W tym celu przejdź do zakładki 'Ustawienia'.
  9. 19. Następnie wybierz 'Dane firmy'.

    Następnie wybierz 'Dane firmy'.
  10. 20. Kliknij nazwę firmy/działu, by przejść do formularza edycji lub skorzystaj z ikony zębatki w wybranym wierszu i wybierz 'Edytuj'.

    Kliknij nazwę firmy/działu, by przejść do formularza edycji lub skorzystaj z ikony zębatki w wybranym wierszu i wybierz 'Edytuj'.
  11. 21. W polu 'Domyślny szablon faktury' widoczny jest aktywny dla firmy/działu szablon. Pamiętaj, że ustawienia działu są nadrzędne względem ustawień konta. Jeśli w dziale wybrany jest inny szablon niż w ustawieniach ogólnych, system wystawi dokument w szablonie działu.

    W polu 'Domyślny szablon faktury' widoczny jest aktywny dla firmy/działu szablon. Pamiętaj, że ustawienia działu są nadrzędne względem ustawień konta. Jeśli w dziale wybrany jest inny szablon niż w ustawieniach ogólnych, system wystawi dokument w sza