Style.css i szablon graficzny

style css sklep kqs

W sklepie KQS jest możliwość zmiany szaty graficznej na własną. Wbrew temu co wypisywane jest na innych forach dyskusyjnych, chciałbym udowodnić i pokazać że pewne ograniczenia co do swobody wdrożenia projektu graficznego nie istnieją. W sklepie KQS ustawienia graficzne są dostępne dla użytkowników początkujących jak i zaawansowanych – takiej opcji nie spotkałem w żadnym innym skrypcie sklepu internetowego ( a jeśli się mylę to znaczy że nie śledzę tak dokładnie zmian jakie są dokonywane w innych skryptach sklepu internetowego )

Dla podstawowych zmian można zmieniać ustawienia graficzne w dziale :

Ustawienia / Ustawienia graficzne

Istnieje możliwość zmiany koloru obramowania, dodania tła nagłówków, tła części właściwej, koloru tekstu, odnośników itp.

Bardziej zaawansowane opcje umożliwia dział :

Szablon graficzny

W tych działach znajdziemy ponad 170 miejsc, każde odpowiedzialne za dany element który się wyświetla w sklepie.

Do edycji tych miejsc trzeba znać przynajmniej podstawy języka html. Standardowa szata graficzna po instalacji sklepu składa się z tabel. Oczywiście dla początkujących jest to bardzo dobre rozwiązanie, gdyż nie wymaga aż takiej znajomości języka html by przerobić cały szablon na bardziej czytelny ( na bloki tzw.: div’y ).

Struktura szablonu graficznego posiada wewnątrz kodu html powpisywane klasy standardowe :

class=”tabela-normal”

class=”komorka-menu-gorne-menu-naglowek”

class=”komorka-menu-gorne-menu-margines”

….

Te klasy odpowiadają nadanym im atrybutom w pliku stylów który jest ukryty, ale widoczny w źródle strony.

Aby go wyciągnąć należy na stronie sklepu wcisnąć kombinację klawiszy : Ctrl+U ( w przeglądarce MozillaFirefox ) , lub

wybrać z paska Widok / Źródło ( dla przeglądarki Internet Explorer )

Od razu widzimy na samym początku kodu dopisany plik styli :

<link href=”stylesheet.css” rel=”stylesheet” type=”text/css”>

To właśnie ten plik powiązany jest z klasami w szablonie graficznym.

Aby ten plik ściągnąć i edytować dla swoich potrzeb, wystarczy wpisać w pasku przeglądarki internetowej :

www.adresTwojegoSklepu.pl/stylesheet.css

i zapisać plik na swój komputer.

Teraz wystarczy go edytować i zmieniać atrybuty przy klasach ( kolory czcionek, tła, rozmiar czcionki, wielkości, obramowanie i kolory… )

Po zapisaniu plik można wgrać do głównego katalogu sklepu i podpiąć go jako swoje własne style w dziale :

Ustawienia / Ustawienia graficzne

Wyłącz arkusz stylów w nagłówku strony – zaznaczyć tą opcję

Własny arkusz Stylów – wpisać nazwę pliku styli z rozszerzeniem .css

style sklepu

Edytując ten plik styli, mamy większą możliwość na ustawienia graficzne oraz tekstowe w sklepie.

Nie należy opierać się tylko i wyłącznie na klasach podanych w szablonie graficznym, można także dodać swoje klasy.

Jeszcze bardziej zaawansowane ustawienia daje możliwość zbudowania projektu graficznego, pocięcia go i zakodowania do html+css oraz wdrożenie jako nową strukturę szablonu ( bez opierania się o klasy standardowe ). Daje to swobodę co do projektowania grafiki sklepu internetowego, gdyż nie musimy bazować na standardowych ustawieniach.

Powyższy przykład udowadnia, że zgodnie z opiniami sklepu jakie napotkałem w sieci dotyczące ograniczenia co do ustawień graficznych, osoby nie znające tego skryptu wypisują bzdury nie mając pojęcia i wiedzy o sklepie KQS.

Co prawda nie każdy projekt graficzny będzie dało się wdrożyć z uwagi na ograniczenia jakie napotkamy w niektórych elementach, lecz skrypt jest wciąż rozwijany o nowe funkcje oraz możliwości ustawień graficznych, więc z niecierpliwością czekam na moment w którym kilka elementów w szablonie graficznym będzie możliwe do jeszcze większej edycji co spowoduje że nie straszne mu będą projekty graficzne kreatywnego grafika.

7 thoughts on “Style.css i szablon graficzny

  1. No i niestety w najnowszej wersji KQS mamy plik stylesheet.php a więc zakodowany ionC. Naprawdę nie wiem co przeszkadzała autorowi możliwość edytowania pliku styli co było o wiele łatwiejszym rozwiązaniem niż pisanie go od podstaw.

    1. Ten plik nie jest kodowany ioncube. Wystarczy zobaczyć źródło strony głównej sklepu i jest tam domyślnie plik stylesheet.css w którym zawarte są wszystkie style sklepu. Wystarczy je skopiować i utworzyć nowy plik styli który później podpinamy pod sklep.

      1. no nie wiem ja mam w źródle:

        natomiast plik stylesheet.php na moje oko jest kodowany nawet pisze na początku:
        requires the ionCube PHP Loader ‘.basename($__ln).’ to be installed by the site administrator.’);exit(199);

        RATUNKU 😉

          1. Nawet jak masz zakodowany stylesheet.php to nic to nie zmienia. Tzn w źródle strony możesz podejrzeć rozkodowaną wersję styli. Możesz ją skopiować i zmienić zawartość zakodowanego pliku. Teraz już łatwo można poprawiać.

  2. Może ktoś mi pomoże jak dostać się do formularzy rejestracji i logowania. Praktycznie wszystkie elementy w KQS można dowolnie ostylować i sformatować, ale nie mogę znaleźć tych dwóch formularzy. Może autorzy sklepu jeszcze ich nie uwzględnili pod kątem edycji?

  3. Nie da się tam nic pozmieniać jedynie poprzez style.css ( czyli sprawdzić jaki jest tam układ i jakie klasy przypisane a następnie odwoływać się do nich z poziomu pliku styli ).

Leave a Reply

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.