kategorie w sklepie kqs

Mamy już zainstalowany sklep internetowy… więc logujemy się do panelu administratora. Po lewej stronie umieszczone są wszystkie działy – opisywanie poszczególnych działów nie ma sensu, z każda chwilą zabawy w panelu administracyjnym poznajemy go i się uczymy.

Zacznijmy od kategorii, gdyż przed dodaniem produktu do sklepu należy wiedzieć w jakiej kategorii będzie się on się wyświetlał. Wszystkie kategorie można wprowadzić w dziale :

Główne działy / Kategorie

Po wybraniu opcji „Nowa” możemy od razu dodać kilka kategorii wpisując je jedna pod drugą. Jeśli nie mamy jeszcze gotowej listy kategorii jakie chcemy posiadać w sklepie internetowym, to możemy dodawać je pojedynczo.

W tym dziale oprócz możliwości wpisania nazwy kategorii są jeszcze opcje „Wizytówka” oraz „Pełne znaczniki META”

Wizytówka – do każdej kategorii możemy dodać opis ( tekst i zdjęcia ). Wizytówka ta pojawi się wtedy, gdy klient wejdzie w dana kategorię ( nad listą produktów ). Czyli wizytówka wyświetli się nad produktami które w danej kategorii się znajdują. Wykorzystać to pole można na wiele sposobów – każdy z Was na pewno ma swój pomysł.
Pełne znaczniki META  – pełne oznacza to że musimy wpisać tam kod html a nie tylko słowa kluczowe jak jest to w przypadku produktów ( o tym później ) :

<meta name=”Keywords” content=”pierwsze słowo, drugie słowo, trzecie słowo…” />

Słowa kluczowe były ważne dla pozycjonowania sklepu / strony ( aktualnie mają znikomy wpływ na SEO ), dlatego można używać słów kluczowych które opisują daną kategorię.

Po wpisaniu nazwy kategorii, opcjonalnie wizytówki i znaczników META możemy taką kategorię dodać do sklepu. Kategoria może być włączona lub wyłączona ( widoczna lub niewidoczna dla odwiedzających ). W całym spisie kategorii jest możliwość jej włączenia lub ukrycia. Istnieje też możliwość przypisania kolejności wyświetlania kategorii ( przypisując przy kategorii cyfry od w kolejności od 1 )

Gdy mamy już kategorie możemy zmienić miejsce ich wyświetlania w sklepie .Można to zrobić w dziale

Ustawienia/Konfiguracja/Położenie elementów na stronie głównej.

Przypisując liczbę ( kolejność wyświetlania ) oraz z listy rozwijalnej miejsce możemy zmieniać położenie wyświetlania wprowadzonych kategorii.

Gdy w sklepie pojawiają się już kategorie, są one nieaktywne – czyli nie da się w nie wejść. Aby link na stronie stał się aktywny, trzeba dodać produkt do danej kategorii.

Jeśli chcemy aby wszystkie kategorie były aktywnymi linkami, możemy zmienić kod html w dziale :

Szablon graficzny / Menu kategorii / Kategoria /

Wyszukujemy znacznika {KATEGORIA} i zastępujemy go nowym znacznikiem :

<a href=”{KATEGORIA_ODNOSNIK}” class=”menu-kategorii”>{KATEGORIA_NAZWA}</a>

Tak samo postępujemy dla kategorii wybranej przez odwiedzającego czyli w dziale :

Szablon graficzny / Menu kategorii / Kategoria wybrana przez odwiedzającego /

Teraz w sklepie pojawią się aktywne linki kategorii – po kliknięciu i tak się nic nie wyświetli gdyż nie ma tam produktów.

Standardowo po zainstalowaniu sklepu KQS cała szata graficzna jest w wersji podstawowej. To też dotyczy linków kategorii oraz innych linków w sklepie.

Aby zmienić kolor linków w kategorii, można to zrobić na 2 sposoby : za pomocą osobnego pliku stylów css, lub za pomocą wbudowanego w sklepie panelu do zarządzania ustawieniami graficznymi.

Taki panel znajduje się w dziale :

Ustawienia / Ustawienia graficzne /

Aby zmienić kolor odnośników ( linków ) kategorii, trzeba odszukać tam działu : „Menu wyboru kategorii”

A następnie podać im kolor w polach :
– Odnośnik w części właściwej
– Aktywny odnośnik w części właściwej
– Odwiedzony odnośnik w części właściwej

Kolory podajemy w systemie HEX ( szesnastkowym ) poprzedzając znakiem #
Przykład :
#000000 – uzyskamy kolor czarny
#ffffff – uzyskamy kolor biały

Paleta barw kolorów jest obszerna, wiec można sobie poszukać danego numeru koloru na innych stronach z takimi zestawami.

Drugi sposób nadania koloru odnośnikom kategorii  :

Jeśli posiadamy już stworzony plik stylów css, można przypisać do niego 3 linijki kodu :

A.menu-kategorii a{color: #000000; }
A.menu-kategorii a:hover {color: #ff0000; }

Gdzie #000000 – to kolor czarny, natomiast #ff0000 to kolor czerwony i dotyczy efektu po najechaniu myszką na odnośnik ( zmieni się z czarnego na czerwony ). Za kolorem można dodać jeszcze inne atrybuty jak wielkość czcionki lub grubość – zalecane są podstawy znajomości działania poszczególnych atrybutów i ich wartości.

Dodaj komentarz