Budowa szablonu graficznego sklepu - pliki css, tp

Szablony graficzne sklepu internetowego to jedna z najważniejszych funkcji sklepu. Szablon sklepu internetowego ma wpływ na klientów poprzez wpływ na ich percepcję i doświadczenie związane z odwiedzaniem sklepu.Wpływa on na pierwsze wrażenie klienta po wejściu na stronę sklepu co jest bardzo ważne, ponieważ może zdecydować, czy klient pozostanie na stronie, czy też opuści ją. Układ i design strony ma wpływ na to, jak łatwo klient może znaleźć to, czego szuka. Jeśli wygląd sklepu jest profesjonalny i nowoczesny, klienci są bardziej skłonni do zaufania sklepowi i dokonywania zakupów. Jeżeli szablon sklepu jest dobrze zaprojektowany i łatwy w obsłudze, klienci będą czuć się komfortowo podczas korzystania z niego. Dobrze zaprojektowany szablon sklepu internetowego może zwiększyć zaufanie, zwiększyć konwersję i zwiększyć lojalność klientów.

W oprogramowaniu shopGold można tworzyć własne szablonu lub modyfikować te, które są dostępne za darmo wraz z zakupem oprogramowania sklepu. Każdy szablon sklepu znajduje się w osobnym katalogu na serwerze i składa się w kilkudziesięciu plików o różnym przeznaczeniu. Pliki są podzielone na foldery i w każdym znajdują się pliki innego rodzaju. Poniżej opiszemy jakie typy plików są stosowane w przypadku szablonów oprogramowania shopGold.

Każdy szablon w sklepie shopGold jest wydzielony do osobnego katalogu. Katalogi szablonów znajdują się w katalogu /szablony. Każdy szablon ma swoją indywidualną nazwę. W katalogu szablonu znajdują się podkatalogi w których są pliki o rozszerzeniach:

• pliki z rozszerzeniem ".css" - są to pliki języka służącego do opisania formatowania dokumentów HTML - pliki CSS są plikami tekstowymi i służą do definiowania reguł formatowania elementów w dokumencie HTML, takich jak kolory, rozmiary, czcionki, odstępy itp. - plik CSS jest ładowany przez przeglądarkę internetową i stosowany do formatowania dokumentu HTML, co pozwala na oddzielenie treści od prezentacji - w każdym szablonie znajduje się kilka plików CSS - definiują one wygląd różnych elementów czy podstron sklepu
• pliki z rozszerzeniem ".tp" - to pliki służące do tworzenia szablonów, zawierają kod HTML, który jest używany do tworzenia wyglądu strony sklepu internetowego, a także specjalne znaczniki, które pozwalają na dynamiczne generowanie treści, w kodzie tych plików może być także stosowany kod języka PHP - poszczególne podstrony sklepu mają indywidualne pliki ".tp" definiujące wygląd stron - głównym plikiem jest plik o nazwie "strona_glowna.tp", który zawiera w sobie układ całego szablonu, oprócz niego szablon zawiera pliki ".tp" ze definicją wyglądu boxów czy modułów
• pliki z rozszerzeniem ".js" - to pliki zawierające kod JavaScript, który jest językiem programowania stosowanym w przeglądarkach internetowych i pozwala na tworzenie interaktywnych i dynamicznych aplikacji webowych, a także na modyfikowanie i manipulowanie elementami na stronie internetowej w czasie rzeczywistym - w szablonie te pliki zawierają funkcje wykorzystywane do wspomagania nawigacji czy wyglądu szablonu
• pliki z rozszerzeniem ".php" - to pliki zawierające kod PHP, który jest językiem programowania stosowanym do tworzenia dynamicznych stron internetowych i jest przede wszystkim używany po stronie serwera, co oznacza, że kod PHP jest wykonywany po stronie serwera przed wysłaniem treści do przeglądarki użytkownika - w szablonie może być stosowany jeżeli są do szablonu dodawane indywidualne modyfikacje (pliki zawierają wtedy kod, który odpowiada za działanie tych modyfikacji).

Oprócz w/w plików w szablonie znajdują się także pliki graficzne, których zadaniem jest wyświetlanie elementów nawigacyjnych w sklepie, np. koszyka, schowka, strzałki przewijania itd. Są to pliki w formacie ".png", ".jpg", ".webp" lub ".svg" - w różnych szablonach stosowane są różne pliki graficzne.

Jeżeli chcesz modyfikować pliki szablonu i jesteś posiadaczem naszego programu w panelu klienta po zalogowaniu się na swoje konto możesz pobrać instrukcję opisującą budowę szablonów graficznych oprogramowania shopGold.