Edycja plików szablonu graficznego sklepu internetowego

Każdy szablon w oprogramowaniu shopGold składa się z kilkudziesięciu plików, w tym plików graficznych, plików odpowiedzialnych za wygląd poszczególnych modułów, boxów oraz plików graficznych (ikonek, zdjęć itd.). Szablony sklepu znajdują się w osobnych folderach i każdy ma unikalną nazwę. Wszystkie szablony zainstalowane w sklepie są dostępne na serwerze w katalogu o nazwie "szablony".

Użytkownik sklepu może zmieniać wygląd szablonów, dopasowywać je do własnych potrzeb, zmieniać ikonki, kolorystykę czy układ poszczególnych elementów. W celu modyfikacji szablonów trzeba wyedytować pliki szablonu i zmienić elementy, które mają być zmodyfikowane.

Możliwe są dwie formy edycji plików. Pierwsza to połączenie się z serwerem przy pomocy programu do połączeń FTP (np. Total Commander), przejście do katalogu "szablony", wybranie szablonu który ma być edytowany (folderu) i po wejściu w wybrany folder edycja plików bezpośrednio na serwerze.

Drugą możliwością jest to edycja plików z poziomu panelu zarządzania sklepu. Żeby zmodyfikować pliki szablonu, trzeba przejść do menu Narzędzia / Przeglądarka plików i wybrać folder "pliki szablonu sklepu". Po wybraniu tego folderu zostaną wyświetlone pliki aktualnie ustawionego domyślnie w sklepie szablonu (szablon ustawia się w menu Wygląd / Ustawienia wyglądu - zakładka "Podstawowe dane").

Zawartość tego folderu to kilka podkatalogów oraz plików. Głównym plikiem szablonu jest plik o nazwie "strona_glowna.tp". Zawiera on cały układ wyglądu szablonu - tzn. wygląd nagłówka, stopki, części środkowej sklepu. Zawiera całą strukturę dokumentu HTML - HEAD i BODY. Modyfikując ten plik można zmienić np. wygląd nagłówka czy stopki.

W podkatalogu "css" znajdują się pliki definiujące wygląd sklepu, zawierające kod CSS. Przechodząc do tego folderu i edycji plików można dokonać zmian w kodzie CSS szablonu, np. zmienić kolorystykę szablonu, rozmiary czcionek czy wygląd poszczególnych elementów sklepu. W tym podkatalogu znajduje się kilka plików CSS, ich nazwy określają do czego są używane. Np. plik o nazwie "produkt.css" zawiera elementy formatowania dla karty produktu. Plik "style.css" zawiera w sobie wszystkie główne definicje wyglądu szablonu sklepu.

Pozostałe podkatalogi jak "boxy_wyglad" czy "moduly_wyglad" zawierają pliki odpowiedzialne za definiowanie wyglądu boxów czy modułów w sklepie. Edytując te pliki można zmienić np. wygląd boxów w sklepie (nagłówek, ramkę itd.)

Podkatalog "obrazki" zawiera grafiki, które są używane do wyświetlania elementów nawigacyjnych szablonu. Aby zmienić wyświetlane w szablonie grafiki trzeba je wgrać lub podmienić bezpośrednio na serwerze. Przeglądarka plików nie ma funkcji wgrywania plików do szablonu.

Edytując w/w pliki można dokonać prostych zmian w szablonie i dopasować go do własnych potrzeb. Pamiętaj, że aby wprowadzać w szablonie zmiany trzeba posiadać chociaż minimalną wiedzę w zakresie HTML i CSS. Zmiany bez takiej wiedzy mogą spowodować błędne wyświetlanie sklepu.

Dodatkowo pamiętaj ! Po zmianie kodu CSS szablonu należy odświeżyć historię przeglądarki oraz w przypadku szablonów oznaczonych jako V2 odświeżyć cache sklepu na stronie głównej panelu zarządzania klikając w przycisk "odśwież pamięć podręczną plików JavaScript oraz CSS wyglądu szablonu (cache)". Bez tego wprowadzone zmiany mogą nie być widoczne w sklepie.

Jeżeli chcesz stworzyć własny szablon lub bardziej zmodyfikować standardowy szablon, możesz pobrać instrukcję budowy szablonów, która znajduje w panelu klienta po zalogowaniu się na konto z którego był kupowany sklep.