Spis treściWstęp..........................................................................................................................................2Praca z systemem........................................................................................................................3Logowanie do panelu administracyjnego:..................................................................................3Poruszanie się po panelu administracyjnym...............................................................................4Elementy bazowe........................................................................................................................5Element Konta............................................................................................................................6Moduły........................................................................................................................................7

Allegro....................................................................................................................................7Biuletyn...................................................................................................................................7Ceneo......................................................................................................................................7Dostępność produktów............................................................................................................7FaceBook - Lubię To!.............................................................................................................7Import / Export do / z pliku CSV............................................................................................7jQueryHorMenu......................................................................................................................8Kategoria.................................................................................................................................8Klienci.....................................................................................................................................8Koszyk....................................................................................................................................8Link zewnętrzny......................................................................................................................8Menu pionowe........................................................................................................................8Nokaut.....................................................................................................................................8Płatność...................................................................................................................................9Płatności ON-LINE .PAY.......................................................................................................9Pole informacyjne...................................................................................................................9Produkt....................................................................................................................................9Przyjazne linki........................................................................................................................9Skrót........................................................................................................................................9Strona WWW........................................................................................................................10Transport...............................................................................................................................10Warianty do produktów........................................................................................................10Zamówienia...........................................................................................................................10

CMS..........................................................................................................................................10Edytowanie menu..................................................................................................................12

Obiekt Produkt..................................................................................................................12Obiekt Skrót......................................................................................................................12Obiekt Strona....................................................................................................................12

Obiekt kategoria................................................................................................................12Obiekt Link Zewnętrzny...................................................................................................13Edycja...............................................................................................................................13

Boksy....................................................................................................................................16Edycja...............................................................................................................................17

Edycja obiektów menu..............................................................................................................19Obiekt typu Skrót..................................................................................................................19Obiekt typu Link zewnętrzny................................................................................................23Obiekt typu Kategoria...........................................................................................................24

Znaczniki title, słowa kluczowe i opis..............................................................................25Szablony............................................................................................................................27Ikonki................................................................................................................................28Zajawka i treść..................................................................................................................30

Edytor wizualny....................................................................................................................31Wstaw/edytuj obrazek.......................................................................................................32Hiper łącze – link..............................................................................................................36

Obiekt typu Strona................................................................................................................37Obrazki / Galeria...............................................................................................................37

Obiekt typu produkt..............................................................................................................37Moduł Klienci...........................................................................................................................40Moduł Płatności........................................................................................................................42

Powiązanie płatności z transportami.....................................................................................42Rodzaje płatności..................................................................................................................43

Moduł Transporty.....................................................................................................................43Moduł Zamówienia...................................................................................................................44

Statusy...................................................................................................................................44Zamówienia...........................................................................................................................45

Dostępność produktów..............................................................................................................47

Wstęp

W tym opracowaniu staraliśmy się przekazać Państwu informacje nt. obsługi panelu administracyjnego systemu Meander trzeciej generacji. Podzieliliśmy to na rozdziały czysto użytkowe, gdzie dowiecie się Państwo co należy zrobić, żeby uzyskać dany efekt. Będziemy przeplatać je informacjami abstrakcyjnymi, w których będziemy wyjaśniali dlaczego warto posłużyć się danym narzędziem lub jaki jest obecnie kierunek i sposób wypełniania stron.

Przede wszystkim trzeba w każdym momencie pamiętać, że jest to narzędzie o ogromnym potencjale i często dane rozwiązanie może działać w ten albo zupełnie odwrotny sposób w zależności od konfiguracji danego modułu czy funkcjonalności. Jedna opcja może w zależności od potrzeba zastąpić inne w celu uzyskania jakiegoś efektu czy funkcjonalności.

System meander 3 generacji korzysta z technologii HTML, JAVASCRIPT, PHP, MYSQLDo poprawnego działania wymaga dostępu do zmiennej środowiskowej $_SERVER['DOCUMENT_ROOT'], w praktyce oznacza to że system musi być uruchomiony w katalogu głównym domeny. PHP 5.x, MYSQL 5.x, Obsługa plików .htaccess (REDIRECT)

Praca z systemem

Meander 3 generacji jest systemem do zarządzania treścią stron internetowych, które są na nim oparte. Jest to system typu webacces – działamy z nim poprzez przeglądarkę internetową. Dołożyliśmy wielu starań, żeby panel podobnie działał w każdej przeglądarce, ale najczęściej zalecamy używania przeglądarek Microsoft Internet Explorer lub Mozilla Firefox. Żeby zarządzać stroną należy zalogować się do panelu administracyjnego. Możemy to zrobić wpisując adres odpowiedniej strony. Zalecamy otwarcie strony panelu administracyjnego w jednej zakładce przeglądarki a strony „zwykłej” w drugiej zakładce przeglądarki. Ułatwia to podglądanie zmian które wprowadzamy na stronę. Zakładki są dostępne w każdej obecnie przeglądarce, umożliwiają przeglądanie wielu stron internetowych w jednym oknie przeglądarki. Poniżej dwa paski adresów wraz z zakładkami. Najpierw z Internet explorera (zakładki Google, wirtualna polska i nowa karta) a potem zakładki w programie firefox (zakładki Wirtualna Polska, Wiadomości itd.). Klikając w tytuł zakładki można przechodzić między nimi. Każdą zakładkę otwieramy klikając za ostatnią zakładką po prawej lub używając skrótu klawiszowego ctrl + t.

Niektóre elementy panelu administracyjnego pojawiają się w postaci wyskakujących okien, na które należy pozwolić przeglądarce, dla tej witryny.

Logowanie do panelu administracyjnego:

Wyróżniamy trzy rodzaje logowań. Do panelu administracyjnego, do elementów strefy chronionej oraz logowanie się do swojego konta użytkownika – klienta np. gdy system ma funkcje sklepu internetowego. Tutaj skoncentrujemy się jedynie na logowaniu do panelu administracyjnego. Do panelu administracyjnego logujemy się z adresu domeny łamanego na słowo „admin”. Np. http://domena.pl/admin po wejściu na taki adres powinno ukazać się Państwu okno o takim wyglądzie

W pole login wpisujemy admin i w pole hasło również admin. Są to uniwersalne pierwsze dane do logowania. Po zalogowaniu ukaże się Państwu właściwy panel administracyjny. Wygląd – ilość ikonek zależy od ilości modułów które są zainstalowane w systemie. Przykładowy widok z kilkoma modułami wygląda tak jak na obrazku poniżej

Poruszanie się po panelu administracyjnym

Panel administracyjny składa się z 4 części. Na samej górze jest belka nagłówka na czarnym tle z napisem „panel administracyjny” po lewej stronie, którego kliknięcie przeniesie nas do „strony startowej” panelu z ikonkami oraz przycisku wyloguj po prawej stronie.Poniżej jest pasek na szarym tle z linkami do modułów. Potem pole z linkami do modułów w postaci dużych ikonek i na samym dole stopka panelu, gdzie znajdą Państwo telefon do nas oraz tą instrukcję w formie PDF do ściągnięcia.Poruszamy się po panelu klikając w interesujący nas moduł. Możemy kliknąć albo w ikonkę przedstawiającą dany moduł albo w link do modułu na belce z linkami modułów.

Po kliknięciu w dany link, strona przeniesie nas do wybranego modułu. Wygląd panelu dla każdego modułu będzie opisany w podrozdziale poświęconym konkretnemu modułowi.

Elementy bazowe

Jeśli nie kupili Państwo predefiniowanego zestawu modułów (np. zestaw CMS albo zestaw sklep internetowy) znajdą Państwo jedynie trzy elementy bazowe: moduły, ustawienia i konta.

W elemencie „moduły” mogą Państwo przejrzeć elementy(zwane modułami) zainstalowane i do zainstalowania w systemie. Jest też zaznaczone wersja zainstalowana danego posiadanego przez Państwa modułu oraz wersja najbardziej aktualna. Niektóre moduły czy aktualizacje są płatne, inne wymagają dodatkowo innych modułów do działania.

Element „konta” służy do zarządzania kontami użytkowników, którzy mogą się zalogować do panelu administracyjnego. Można w nim dodawać konta, usuwać. Zmieniać uprawnienia danemu kontu. Do tego elementu mają dostęp jedynie użytkownicy z prawami administratora.

W elemencie ustawienia mogą Państwo skonfigurować pewne ogólne dla witryny lub modułów informacje. Są to zwykle ustawienia które nie są przyporządkowane do jednego jedynie modułu lub są na tyle ogólne, że przedstawione są w tym jednym miejscu a nie były na tyle istotne, żeby tworzyć oddzielny moduł.

Element Konta

Po pierwszym zalogowaniu się zalecamy dodanie swojego konta administratora do systemu i usunięcie domyślnych danych do logowania. Żeby to zrobić należy kliknąć w ikonkę konta. Ukaże się lista kont (domyślnie jedno konto o nazwie Administrator, loginie admin i gwiazdkami w miejscu hasła. Konto ma uprawnienia Administratora.

Uprawnienia w systemie są na 3 poziomach, którymi można zarządzać. Domyślnie są to ustawienia następujące:

Poziom Administratora – może wszystkoPoziom Operatora – nie może zarządzać kontami oraz ustawieniami dodatkowymi stronyPoziom Redaktora – nie może publikować treści w stronie, może je jedynie tworzyć do akceptacji przez operatorów.

Jednocześnie do panelu administracyjnego może być zalogowanych kilku użytkowników.

Aby stworzyć nowe konto wpisujemy najpierw nazwę konta, potem login i hasło a na koniec określamy rodzaj konta. Na początek, po zalogowaniu na konto domyślne, stwórzmy drugie konto o uprawnieniach administratora, które zastąpi nam na początek wbudowane konto. Po utworzeniu nowego konta administratora należy się wylogować i zalogować na nowe dane. Przechodząc do elementu głównego Konta można będzie usunąć domyślne konto administratora.Dodawanie kolejnych kont jest zależne od tego, czy jest taka potrzeba, czy będzie operować w systemie więcej użytkowników. Jeśli będziecie Państwo jedynymi użytkownikami, wystarczy jedno konto o uprawnieniach administratora, które chwile temu utworzyliśmy.

Moduły

Moduły to części składowe systemu. Determinują jego możliwości i opcje. Często za pomocą jakiegoś modułu będą rozwiązywane pewne funkcje systemu. Np. jeśli będziemy chcieli stworzyć stronę informacyjną do której niektórych części mają dostęp zalogowani indywidualnie internauci, oprócz zwykłych modułów potrzebnych do wypełniania treści doinstalowany powinien być również moduł klienci, który mimo, że jest modułem typowo dla sklepu internetowego będzie nam rozwiązywał kwestie imiennego logowania się do strony w celu przeglądania treści.Poniżej lista obecnie dostępnych modułów.

Allegro

Umożliwia proste (3 kroki) wystawianie przedmiotów ze sklepu w serwisie aukcyjnym allegro.plWymagania: Produkt

Biuletyn

Moduł ten umożliwia zorganizowanie akcji mailingowej na rzecz osób, które na naszej stronie internetowej zapisały się do newslettera. Dostarcza internaucie mechanizm umożliwiający zapisanie się na listę subskrybentów lub wypisanie się z niej. Obsłudze sklepu zaś dostarcza edytor za pomocą którego można przygotować atrakcyjnie wyglądającą wiadomość (HTML z grafiką), przesłać tak przygotowaną publikację na jeden podany adres testowy oraz rozesłać ją indywidualnie do każdego odbiorcy z listy subskrybentów.Wymagania: Brak

Ceneo

Umożliwia publikowanie oferty sklepu w serwisie ceneo.plWymagania: Kategoria i Produkt

Dostępność produktów

Moduł ten rozszerza funkcjonalność produktu o mechanizm oznaczania stanu magazynowego asortymentu. Definiuje się słownik stanów (np. Dużo, Rezerwa, Brak, Na telefon). Do każdej pozycji słownikowej można ustawić znacznik zezwolenia na sprzedażWymagania: Produkt

FaceBook - Lubię To!

Udostępnia w sposób automatyczny przycisk \"LUBIĘ TO\" serwisu społecznościowego FACE BOOK na wybranych elementach systemu.Wymagania: Brak

Import / Export do / z pliku CSV

Pozwala importować z pliku CSV zawartość sklepu (kategorie, produkty) oraz zapisywać ją w pliku CSV. Plik ma specjalną budowę.Wymagania: Produkt

jQueryHorMenu Wymagane przelogowanie!

Umożliwia tworzenie rozwijanych menu poziomych w systemie.Wymagania: Brak

Kategoria

Umożliwia tworzenie w systemie menu obiektu kategoria. Jest to obiekt służący do grupowania innych obiektów, które chcemy zawrzeć w systemie. Służy jako kontener do prezentacji internaucie swojej zawartości za pomocą różnych szablonów oraz jako element organizacyjny.Wymagania: Menu pionowe lub jQueryHorMenu

Klienci

Moduł ten umożliwia personalizację systemu dla internautów. Dostarcza następujące mechanizmy:- rejestracji- logowania- wylogowywania- przypominania zapomnianego hasła- zmiany własnych danych kontaktowych- przeglądania historii swoich zamówień- nagradzania indywidualnych klientów spersonalizowanym rabatemWymagania: Brak

Koszyk

Dzięki temu modułowi internauta ma możliwość gromadzić w jednym miejscu produkty, które chciałby zakupić dokonując jednej zapłaty za wszystkie przedmioty. Koszyk umożliwia manipulowanie lista tych przedmiotów poprzez usuwanie jej elementów bądź zmianę ilości sztuk jakie chciałby nabyć internauta. Na bieżąco też potrafi informować użytkownika o ilości pozycji, ilości sztuk w sumie oraz kwotach: całkowitej (za wszystkie przedmioty), pozycyjnej (suma za wszystkie przedmioty jednej pozycji), jednostkowej (cena za przedmiot).Wymagania: Brak

Link zewnętrzny

Umożliwia osadzenie w menu linku do dowolnej strony internetowej oraz linku do innego elementu systemu.Wymagania: Brak

Menu pionowe

Umożliwia organizowanie zasobów witryny w hierarchiczne menu pionowe, zwykle wyświetlane przy którejś z krawędzi pionowych serwisu.Wymagania: Brak

Nokaut

Umożliwia publikowanie oferty sklepu w serwisie nokaut.pl

Wymagania: Kategoria i Produkt

Płatność

Moduł ten dostarcza zróżnicowanie form płatności za zakupy. Po jego instalacji użytkownik będzie mógł przygotować słownik płatności. W słowniku tym określa nazwę oraz koszt płatności. Internauta chcąc dokonać zakupy będzie wtedy musiał wybrać preferowany sposób zapłaty za kupowane przedmioty. Jeśli w systemie zainstalowany jest moduł transportowy, dodatkowo można powiązać poszczególne płatności z transportami.Wymagania: Zamówienia

Płatności ON-LINE .PAY

Moduł ten umożliwia dokonywanie płatności za zakupione przedmioty środkami elektronicznymi za pośrednictwem centrum rozliczeniowego .PAYWymagania: Zamówienia i Płatność

Pole informacyjne

Dzięki temu modułowi, można tworzyć sobie pola na swoich stronach (box). Pola te umożliwiają przekazanie dowolnych krótkich informacji internaucie.Wymagania: Brak

Produkt

Moduł ten umożliwia tworzenie w systemie menu obiektu produkt. Moduł produkt jest specjalizowanym obiektem służącym do prezentacji sprzedawanych przedmiotów. Umożliwia:Wpisanie informacji o produkcie w posortowane pola takie jak np.: tytuł, podtytuł, EAN, IRC itp. Zestaw pól można rozszerzać. Istnieją dwa specjalne pola o nazwie producent oraz marka. pola te można wypełnić dowolna treścią, nie mniej jednak system tworzy na bieżąco spis wszystkich wartości, dzięki czemu nie trzeba za każdym razem mozolnie wpisywać treści, wystarczy posłużyć się listą generowaną przez system, by wybrać treść dla tych pól. Możliwe jest wyposażenie każdego produktu w dowolną ilość grafik i prezentowania ich na stronie internauty na różne sposoby. Do każdego produktu można zdefiniować dowolne progi cenowe co skutkuje zmianą jego ceny w zależności od ilości kupowanych tego produktu. System umożliwia tworzenie grup klientów i dla każdej takiej grupy innego zestawu cen.Wymagania: Menu pionowe lub jQueryHorMenu

Przyjazne linki

Moduł wspierający technologie CEO, potrafiący zamienić adresy URL obiektów systemu w opisy słowne. Np. zamiast suchego adresu: http://www.mojastrona.pl/index.php?id=17 Adres może brzmieć: http://www.mojastrona.pl/Skarpety-dziecieceWymagania: Brak

Skrót

Umożliwia tworzenie odnośników do już istniejących elementów systemu. Odnośnik taki zachowuje się jak kopia elementu na który wskazuje. Oszczędza nam to powtórnego

wpisywania tych samych danych. Zmodyfikowanie zaś elementu źródłowego wpłynie na wszystkie odnośniki (poza nazwą), ta jest indywidualna i niezależna.Wymagania: Brak

Strona WWW

Najprostszy element CMS. Dostarcza mechanizm tworzący stronę internetową. Strona taka może zostać wzbogacona dowolną ilością obrazków, które można internaucie prezentować na kilka sposobów: sliderbox, galeria, podgląd z miniaturkami.Wymagania: Menu pionowe lub jQueryHorMenu

Transport

Moduł umożliwiający zdefiniowanie różnych środków transportu z pośród których internauta wybierze sobie najbardziej mu odpowiadający. Każdy transport może mieć zdefiniowany koszt, który zostanie doliczony do zamówienia. Ponadto można zdefiniować masę każdego takiego transportu i system automatycznie udostępni internaucie tylko te transporty, które są w stanie \"udźwignąć\" jego paczkę. Transporty można powiązać z formami płatności (o ile te są zainstalowane), skutkiem będzie to, iż system udostępni tylko te formy płatności, z którymi powiązany jest wybrany przez internautę transport, lub odwrotnie, jeśli dokonano już formy płatności, to udostępni tylko te transporty, które są połączone z wybraną płatnością.Wymagania: Zamówienia

Warianty do produktów

Umożliwia zróżnicowanie produktu, Poza tym można określić wszystkie parametry cenowe dla każdego wariantu niezależnie.Wymagania: Brak

Zamówienia

Umożliwia składanie przez internautę zamówień oraz informowanie go via e-mail o każdej zmianie stanu jego zamówienia. Od strony panelu administracyjnego zaś grupuje zamówienia w postaci listy stanów i zamówień znajdujących się w każdym ze stanów. Obsługa sklepu ma możliwość zmiany stanu każdego z zamówień według ustalonej \"logiki\". Logikę tę ustala właściciel sklepu.Wymagania: Produkt

CMS

CMS jest modułem zbiorowym, na jego zawartość składają się inne moduły. Żeby móc go używać w systemie musi być zainstalowany przynajmniej moduł pole tekstowe albo jeden z rodzajów menu wraz z jednym z elementów, które do menu można dodawać.Jest to jeden z podstawowych modułów składających się na system. To w nim będziemy dodawać nowe informacje do strony i modyfikować już umieszczone. Za jego pomocą określimy stronę startową czy wybierzemy wygląd konkretnych podstron. Poniżej typowy wygląd po kliknięciu w moduł CMS. Po lewej stronie mamy kilka linii z elementami strony. Po prawej nie jest jeszcze nic wyświetlane, bo nie zostało wybrane nic do edycji spośród tych obiektów. Ta lista może być bardzo długa w zależności od złożoności potrzeb klienta. Można tu mieć kilkanaście menu i kilkanaście obiektów typu boks.

Zawartość do edycji strony uporządkowana w kilka menu o strukturze drzewiastej wraz z obiektami typu boks. Wyróżniamy kilka typów boksów (boks zwykły, sliderboks itd.) oraz menu pionowe i poziome. Niektóre strony mają jedno menu, inne więcej różnego typu, mają boksy lub nie. Grafik na etapie projektowania projektu graficznego określa ilość menu, ich rodzaj i położenie oraz boksy.

To co jest na danej stronie wyświetlane (które menu, czy są boksy i jakie) określa szablon strony przygotowany przez grafika i zaprogramowany dla danej strony. Obok widać zestaw modułu CMS gdzie znajdują się na początku 2 boksy zwykłe potem dwa menu, jedno pionowe, jedno poziome. Każdy z tych obiektów głównych ma nazwe. Niektóre od razu sugerują gdzie umieszczony jest dany obiekt. Inne sugerują zawartość.

Edytowanie menu

Kliknięcie na któryś z tytułów spowoduje rozsunięcie się danej linii, zaznaczenie głównego obiektu oraz rozwinięcie pierwszego poziomu struktury danego obiektu. W przypadku menu

będzie to lista głównych obiektów danego menu. W przykładzie kliknąłem na menu Poziome. Jak widać linia menu została zaznaczona na pomarańczowo, poniżej mamy krótki wybór obiektów standardowych które możemy dodać do tego menu (ikonki z plusikiem) , pogrubioną linię menu z nazwą menu – ustawienia.Dodawanie pozycji do menu odbywa się poprzez kliknięcie w obiekt który chcemy w danym miejscu dodać. Należy pamiętać, że dodajemy jeden obiekt w miejscu które jest

obecnie zaznaczone. Na przykładzie mam zaznaczone menu poziome, więc klikając na jedną z 5 dostępnych tu ikon dodam w strukturze nowy obiekt. Nie w każdym miejscu możemy dodać każdy obiekt. To co można dodać jest również uwarunkowane modułami zainstalowanymi w systemie.Obecnie w systemie jest 5 obiektów, są to obiekty typu produkt, skrót, strona, kategoria oraz link zewnętrzny. Na przykładzie widać pierwszy obiekt o ikonce koszyka to produkt, drugi obiekt z ikonką zielonej strzałki to skrót, kartki papieru to strona internetowa, obiekt z ikonką folderu to obiekt typu kategoria i na końcu ikonka małej kuli ziemskiej to obiekt typu link zewnętrzny. Możliwości edycyjne tych obiektów są różne i do różnych celów się ich używa.

Obiekt ProduktObiekt sklepowy, znajdziemy w nim wiele opcji które będziemy używać w sklepie: cena, warianty, opcje dodatkowe użyteczne głównie w systemie w którym będziemy prowadzić sprzedaż.

Obiekt SkrótObiekt skrót logiką działania zachowuje się jak skrót w systemie Windows. Ma za zadanie przenieść użytkownika w miejsce źródłowe, tam gdzie prowadzi, niejako udaje obiekt docelowy.

Obiekt StronaStosujemy ją w typowo informacyjnych zabiegach. Informacje o firmie, kontakt itp.

Obiekt kategoriaMa na celu pogrupowanie produktów. Może mieć podobne cechy jak strona

Obiekt Link ZewnętrznyObiekt menu, który prowadzi do innej strony. W odróżnieniu od skrótu może mieć swoją odrębną od docelowego obiektu nazwę.

EdycjaPo kliknięciu w każdą z ikonek dodających obiekt, obok ikonki menu poziomego pojawił się minusik, świadczący o rozwinięciu elementów wewnątrz tego menu i lista szarych ikonek z każdego rodzaju, oznaczonych nazwą ”Nowy obiekt typu: xxxxxx”. Każdy z elementów ma po prawej stronie czerwony krzyżyk którym można usunąć dany element.Tworzenie struktury strony polega na wypełnianiu struktury danego drzewka – menu odpowiednimi, pożądanymi przez wypełniającego elementami. Zwykle na pierwszym poziomie będziemy tworzyć menu złożone ze stron internetowych, czasem skrótów czy linków zewnętrznych. W przypadku sklepu internetowego będą to kategorie w których będziemy umieszczać produkty.

Po kliknięciu w ikonkę dodającą, system po przeładowaniu strony, dodaniu obiektu automatycznie przeniesie nas do niego w celu edycji. Jeśli wtedy klikniemy znowu ikonkę dodającą jakiś obiekt, to dodamy pod obiekt dla obiektu macierzystego. Czyli mając zaznaczone menu, klikając w dodaj stronę, dodamy obiekt typu strona, przejdziemy automatycznie do jego edycji i będziemy mieli

go zaznaczonego, klikając ponownie w dodaj stronę dodamy podstronę dla strony pierwszej. Aby uniknąć takiej sytuacji należy pamiętać, żeby przed dodaniem pożądanego elementu zaznaczyć kliknięciem myszy element macierzysty, czy to menu, czy jeden z obiektów już dodanych w strukturze.Najprostszym sposobem, żeby uniknąć na starcie pomyłek jest na zwykłej kartce papieru rozrysować sobie przynajmniej podstawową strukturę menu. Wtedy wg. kartki będziemy mogli tworzyć na początku obiekty główne, a potem rozszerzyć drzewko o pod obiekty.

Typowo wyglądające menu zaprezentowaliśmy poniżej.

Co widać na przykładzie?Przede wszystkim widać kolory. Podczas dodawania tych obiektów każdy z nich oznaczyłem jako widoczny, przez co stały się kolorowe a nie wyszarzone. Dodałem 5 obiektów typu strona, obiekt link zewnętrzny, obiekt skrót. Jest to typowe menu poziome, gdzie pierwsza pozycja jest stroną startową (zielona flaga1). Potem strona informacyjna o firmie, strona oferty z trzema podstronami trzech działów, strona z galerią, link zewnętrzny do strony producenta naszego asortymentu, skrót do podstrony sklepu w naszym systemie oraz stronę informacyjną z kontaktem. W przypadku mocno złożonych struktur warto się zastanowić nad uproszczeniami lub przeorganizowaniem struktury, by była może nie do końca po naszej myśli, ale zyskała na przejrzystości i uproszczeniu dotarcia do informacji przez odwiedzającego.

Jeśli dodamy podobiekty do jednego z obiektów głównych pojawi się obok niego trójkącik (powyżej) który sugeruje dodatkowe podobiekty. Po najechaniu na tą zakładkę ona rozsuwa

się (poniżej).

Jeśli podobiekt będzie miał kolejny podobiekt, nastąpi kolejne rozsunięcie podobne do rozsuwania kaskadowego menu w Windows.

Struktura nie jest ograniczana w żaden sposób jeśli chodzi o ilości elementów. Należy jednak pamiętać, że menu poziome ma pewne ograniczenia jeśli chodzi o ilość

obiektów głównych. Strona internetowa jest przystosowana do tego, by rozciągnąć się w pionie a nie poziomie, przez co menu poziome ma najczęściej ograniczone możliwości poprawnego pokazania dużej ilości linków głównych. W zależności od projektu może to być do 8 – 10 linków głównych (w naszym przykładzie powyżej jest ich 6 – strony startowej nie wyświetlimy w menu2) . Czasem „mieści” nam się połowa z tego. Zwykle na etapie projektu graficznego przewidujemy ilość tych linków i tak dostosowujemy projekt, żeby można było potrzebną ilość uzyskać. Nie ma natomiast żadnych ograniczeń jeśli chodzi o ilość obiektów 1 Są to opcje omówione w dalszych częściach instrukcji2 j.w.

podrzędnych dla obiektów głównych w menu poziomym. Ograniczeń żadnych nie ma w menu pionowym, bo w pionie strona naturalnie jest przystosowana do rozciągania. Poniżej jest graficzna prezentacja menu poziomego z 7 linkami. Jak widać w tym projekcie jest jeszcze miejsce na co najmniej jeden link.

Obok przykład menu pionowego z widocznymi podstronami. Widać na nim dwie główne strony „okna PCV, rolety” i „Systemy aluminiowe” oraz ich podstrony.

Struktura typu obiekt – podobiekt może przywodzić na myśl zależność rodzic – dziecko. W dalszych częściach instrukcji będziemy się czasem odnosić do takiej zależności.

Usuwanie elementów polega na kliknięciu w czerwony krzyżyk obok danego elementu. System pyta czy na pewno usunąć dany obiekt, ale nie ostrzega, jeżeli w środku znajdują się podobiekty i nie blokuje wtedy usunięcia obiektu, dlatego zawsze należy usuwać obiekty spokojnie, „z głową” żeby nie usunąć niepotrzebnie swojej pracy3. Jeśli będziemy chcieli zmienić kolejność czy pomylimy się w strukturze, nadal będziemy mogli edytować już istniejące obiekty. Będą do tego służyć narzędzia dodatkowe lub opcje omówione w dalszej części tej instrukcji.

3 Być może łatwiej na początek zmieniać dany obiekt na niewidoczny – co zostanie opisane w dalszej części – a później usuwać po upływie krótkiego czasu.

Boksy

Boksy lub pola tekstowe są to pola dodatkowe graficznie wydzielone ze standardowych pól informacyjnych, często globalne dla każdej podstrony. W nich będziemy umieszczać np. promocje w sklepie internetowym, aktualności, szybki kontakt, krótkie informacje dodatkowe czy np. multimedialne dodatki w stylu mini okienek z filmami. Na przykładzie wyżej można zauważyć boks „aktualności”. Obok widok w panelu na rozwiniętą linie z boksem „Promocje”.

Domyślnie boksy mają przeznaczenie informacyjne, ale również do nich często można dodawać obiekty tak jak do menu. Jest to jednak tylko w wymiarze jednopoziomowym, tzn. nie można tworzyć w nich drzewiastej struktury. Obok boks

promocje, który może mieć dodane produkty.

Niżej mamy przykład z boksem „kontakt z nami”, widać na nim również oprócz menu poziomego menu pionowe, pod którym ten boks występuje i kilka podstron po prawej w pierwszej pionowej stronie „aktualności”. Ilość boksów jest determinowana przez projekt graficzny. Bardziej skomplikowane rozwiązania mogą używać wielu boksów w różnych szablonach4 strony.

4 Wygląd danego obiektu określa jego szablon. Zostało to opisane w dalszej części

EdycjaBoks podobnie jak obiekty w CMS będziemy edytowali klikając w tytuł boksu. Po prawej stronie listy menu i boksów pojawi się kilka nowych linii oraz przyciski – potwierdzający zmianę „OK” i nie zatwierdzający zmian „Anuluj”. Informacje można wypełniać w każdej linii i zatwierdzić na końcu przyciskiem OK, nie trzeba po edycji każdej sekcji oddzielnie potwierdzać zmiany. Przycisk anuluj niweluje wszelkie zmiany od momentu wejścia do edycji danego obiektu.

Ilość linii po prawej stronie zmienia się w zależności od obiektu który edytujemy a także opcji zainstalowanych w systemie. Dla boksu są to co najmniej dwie linie – opcje CMS i Boks. Czasem pojawia się też linia trzecia – Obrazki / Galeria. Linia „opcje CMS” jest linią którą posiada każdy obiekt który możemy edytować w systemie. Jest to linia w której sterujemy głównymi ustawieniami danego obiektu w systemie. Te ustawienia są tożsame dla każdego obiektu – w każdym działają w ten sam sposób, nie w każdym jednak obiekcie znajdziemy te same opcje.

Dla boksu są to opcje: nazwa, lp, rozwinięty, widoczny.Opcja nazwa odpowiada temu pod jaką nazwą boks jest wyświetlany w panelu administracyjnym. To nie jest ta sama nazwa pod jaką boks pojawia się od strony internauty. Można tu mieć zupełnie inną nazwę niż ta, jaka będzie się objawiała odwiedzającemu stronę. Opcja lp. – liczba porządkowa – określa którym na liście głównych obiektów w panelu administracyjnym będzie dany obiekt. W przypadku zwykłych obiektów w strukturze będzie to określało kolejność pokazywania również na stronie. Przykłady w dalszej części.Opcja rozwinięty – opcja określająca czy podobiekty mają stale być wyświetlane pomimo przejścia do innej podstrony. Jest to opcja bardziej stosowana w przypadku menu pionowego i jego elementów, kiedy jakąś gałąź chcemy mieć zawsze widoczną bez względu na to, czy w niej jesteśmy, czy przejdziemy do innej podstrony. Będzie to szerzej wraz z przykładem jeszcze omówione.Opcja widoczny – czy dany obiekt w ogóle ma być widoczny na stronie. Można to potocznie nazwać „włączony” lub „wyłączony” na stronie. Jeżeli element nie zostanie zaznaczony jako widoczny w ogóle nie pojawi się na stronie. W przypadku boksu zostaje w jego miejscu puste pole. Jeśli pod boksem jest jeszcze jakaś treść, to wyłączenie go, spowoduje przesunięcie tej treści.Druga linia o nazwie boks ma opcje: Tytuł, potem pole z edytorem wizualnym zawartości podpisane jako „treść” oraz pole na samą treść.

Opcja tytuł – w niej wpisujemy nagłówek pod jakim ma się pojawić boks od strony internauty. Tak jak przy okazji opcji nazwa z linii Opcje CMS napisaliśmy, nazwa i tytuł mogą być różne. Jeśli tytuł boksu w projekcie graficznym nie jest zaprogramowany dynamicznie (np. została użyta wymyślna czcionka dla nagłówków) wówczas nazwa boksu nie ma wpływu na nagłówek który się wyświetla od strony internauty.Opcja wizualny edytor zawartości podpisany jako treść. Ten edytor gdziekolwiek nie występuje ma te same opcje. Opiszemy go niemalże na samym końcu tej instrukcji. Umożliwia wstawianie obrazków, linków, tabelek, filmów itd.Opcja pole edytora zawartości – pole w którym będziemy wpisywać treść. Wiąże się ściśle z wizualnym edytorem zawartości.Trzecią opcjonalną linią dla boksu jest linia Obrazki / Galeria. Jest ona taka sama w każdym miejscu w którym występuje. Zostanie omówiona przy okazji opisywania edycji obiektu typu strona internetowa.

Edycja obiektów menuW tym rozdziale zajmiemy się już obiektami menu lub boksów, które można dodać i które to będą tworzyć już rzeczywistą strukturę i treść naszej strony. Wymieniliśmy je wcześniej, jest ich 5: skrót, strona internetowa, produkt, kategoria i link zewnętrzny. Będę tu opisywał tylko typowe linie edycyjne danego obiektu, jeżeli jakaś linia jest opcjonalna będzie opisywana przy okazji konkretnego modułu, który sprawia jej wywołanie, np. Odtwarzacz Wideo w obiekcie strona internetowa.

Obiekt typu SkrótSkrót udaje wskazany obiekt. Będziemy go używać w momencie, kiedy będziemy chcieli w kilku miejscach pokazać ten sam obiekt. Np. mamy produkt „klocki lego” w kategorii i chcemy go pokazać jako nowość w boksie nowości oraz w boksie promocje. Wtedy w obu boksach dodamy obiekty typu skrót które wskażemy na obiekt macierzysty – produkt „klocki lego”.

Obiekt typu skrót posiada dwie linie edycyjne, które również pojawiają się po prawej stronie obok listy obiektów po kliknięciu w obiekt typu skrót. Te linie to Opcje CMS oraz Skrót.

W linii Opcje CMS w obiekcie typu skrót pojawia się więcej opcji niż w przypadku boksu.

Nazwa tak jak w przypadku boksu określa to jak ten obiekt będzie pokazywany w panelu administracyjnym. Lp. określa który na liście będzie dany obiekt. Tu po raz pierwszy ma to znaczenie już dla zawartości strony widocznej przez przeglądającego. Im niższy numer lp. danego obiektu (obojętnie, czy będzie to strona, skrót, kategoria, produkt czy link zewnętrzny) tym wyżej będzie on na liście w menu czy jako podobiekt w treści. Będziemy to ilustrować przykładami przy opisie stron. Następnie opcja rozwinięty, widoczny, startowy, w menu. Rozwinięty i widoczny po krótce było opisane już przy okazji boksu i dalszych rozwinięć jeszcze nie będziemy robić. Startowy – opcja która określa od którego elementu strona startuje. Jest tylko jeden element startowy w całym systemie – i musi być jakiś element zaznaczony jako startowy. Jeśli nie będzie żaden element zaznaczony jako startowy strona nie będzie działać – system nie będzie wiedział z jakiego elementu ma wystartować. Zwykle strona startowa ma inny wygląd (szablon) niż strony następne. Wcześniej przy okazji omawiania struktury menu zwróciłem uwagę, że element który jest startowy jest również oznaczony zieloną flagą w panelu administracyjnym w drzewku struktury.W menu – każdy element może być wyświetlany na liście menu, ale nie musi. Często polecamy użytkownikom, żeby „ostatni” poziom nie wyświetlali w menu a jedynie w części zawartości na stronie. Poniżej zakreślona pozycja która jest wyświetlana w menu. Gdyby miała odznaczoną tą opcję, na liście nie było by jej widać.

Ktoś może zapytać, po co nam strona której nie widać? W menu poziomym takie zabiegi służą np. stworzeniu strony startowej, która to nie musi być widoczną jako jedna ze stron głównych. Również jeśli nie chcemy żeby było jakiekolwiek menu rozwijane w poziomie a podobiekty były wyświetlane poniżej w części z zawartością strony. W menu pionowym używamy tego w innym celu. Poniżej widać strukturę menu z 3 głównymi stronami i kilkoma podstronami. Widzimy też po prawej stronie część z zawartością strony. W naszym przykładzie widać, że Idea2000 i Idea4000 są zarówno w menu pionowym jak i w części po prawej. Gdybyśmy odznaczyli opcję w menu to zniknęłyby z menu pionowego, ale nadal byłyby widoczne po prawej stronie. Dopiero jak odznaczylibyśmy opcję widoczne zniknęłyby również z części z zawartością po prawej. Widoczne ma większy zakres działania niż w menu. Jeśli zostawimy zaznaczoną opcję w menu a niezaznaczoną opcję widoczne to mimo to, strona nie będzie się pojawiać. Widoczne ma znaczenie dla całego systemu a w menu określa jedynie widoczność w menu. Napisaliśmy wcześniej, że w menu pionowym doradzamy, żeby najgłębszy poziom nie był wyświetlany w menu a jedynie w części z zawartością. Dzięki temu zyskujemy większą przejrzystość menu, nie komplikujemy go ponad to, co potrzebne. W naszym przykładzie jest akurat odwrotnie, ale takie było zamierzenie klienta, który ma stałą ofertę, którą chciał wyeksponować. Na przykładzie też widać ładnie zastosowanie opcji rozwinięte, która uwidacznia podstrony głównych stron, w celu wyeksponowania oferty. Gdziekolwiek na tej stronie nie wejdziemy będziemy mieli rozwinięte obiekty podrzędne (Idea2000, Idea4000 itd.) w stosunku do głównych (Okna PCV, rolety).

Skrót ma za zadanie udawać, że dany obiekt jest oprócz swojego głównego miejsca również tam, gdzie umieścimy skrót. Linia Skrót pokazuje nam całą strukturę naszej strony i to w niej wskazujemy który obiekt ma być naszym źródłowym. Obok widać rozwiniętą strukturę i wskazany obiekt typu strona, zaznaczony pogrubieniem oraz kwadratowymi nawiasami o nazwie „wyszukiwarka członków” .Jak zachowa się nasz skrót? Jeśli mamy zaznaczoną opcję w menu to w menu pokażę nam się nazwa „wyszukiwarka członków” . jak klikniemy w ten obiekt to strona wyświetli nam zawartość strony „wyszukiwarka członków”. Jeśli umieścimy ten skrót w boksie to zobaczymy w zależności od projektu i zaprogramowania szablonu zajawkę, albo ikonkę i zajawkę źródłowego obiektu.

Dzięki skrótowi jeden obiekt może bez potrzeby kopiowania jego zawartości objawiać się w strukturze w wielu miejscach.

Obiekt typu Link zewnętrznyLink zewnętrzny jest obiektem, który jako element menu prowadzi nas do innej strony. Możemy go dodać jedynie jako element menu. Nie będzie wyświetlany w części z zawartością strony czy w boksie. Za jego pomocą dodamy jako element menu link do strony zewnętrznej (np. strony naszego partnera czy naszej innej strony). Przenosimy się wtedy z domeny A na domenę B. można go również użyć jako odnośnika do jakiegoś obiektu naszej strony macierzystej. Ma on wtedy przewagę nad skrótem, bo możemy nadać obiektowi inną nazwę w którą klika internauta. Link zewnętrzny ma dwie linie opcji. Zwykłą opcje CMS oraz Link. W Opcjach CMS nie ma niczego niestandardowego i ta linia wygląda tak samo jak w przypadku skrótu. Opcje wewnątrz mają te same funkcja (należy tylko pamiętać, że jeśli nie zaznaczymy w menu to link zewnętrzny nie pokaże się w ogóle).Linia Link ma taką postać

Od góry idąc. Opcja Tytuł – określa jak link zewnętrzny będzie się pokazywał od strony internauty. Potem do zaznaczenia opcja otwieraj w nowym oknie, jeśli chcemy, żeby strona z linku zewnętrznego otwierała się w nowym oknie / zakładce w przeglądarce. Często, jeśli będziemy używać linku zewnętrznego do stron zewnętrznych, będziemy zaznaczać tą opcję, bo nie będziemy chcieli, żeby internauta wychodził całkowicie z naszej strony, a jedynie otwierał tą zewnętrzną stronę w nowym oknie. Potem następuje pole Adres zewnętrznej strony gdzie wpisujemy adres w formie http://.... w naszym przykładzie wpisane jest www.wp.pl.Tak jak wspomnieliśmy, można wykorzystywać również link zewnętrzny do linkowania wewnątrz strony. W tym wypadku odznaczymy opcję Otwieraj w nowym oknie a w pole adresu wpiszemy link do naszej wewnętrznej strony. W momencie, kiedy używamy przyjaznych linków5 jest to dość proste. Załóżmy że mam stronę aktualności, która ma link przyjazny „aktualności”. Wtedy w adres wpiszę: „../” – przedrostek oznaczający naszą stronę oraz przyjazny link. W przykładzie jest to wpisane. Dzięki temu ktoś przejdzie w obrębie naszej strony, nie wychodząc z niej.

.

5 Omówione w następnym podrozdziale

Obiekt typu Kategoria

Kategoria jest obiektem uporządkowującym logicznie strukturę w sklepie internetowym. Jej opcje edycyjne, podobnie jak później omawiana strona internetowa i produkt są bardziej złożone. Skrót i link zewnętrzny na dobrą sprawę były obiektami odtwórczymi. Udającymi rzeczywistą treść lub kierującymi do treści, której same w sobie nie posiadały. Kategoria jest pierwszym obiektem który tę treść może w sobie zawierać, który może być obiektem źródłowym dla skrótu. Jej opcje edycyjne są bardziej skomplikowane, ale generalnie wykorzystywać będziemy zwykle ich mniejszą część. Do znanej linii Opcje CMS doszły linie kategoria, ikonki, zajawka i treść.W linii pierwszej Opcjach CMS oprócz opisanych już opcji nazwa, lp., widoczny, w menu, rozwinięty, startowy doszły opcje odpowiedzialne za dostęp do obiektu oraz 4 pola dodatkowe. Title, słowa kluczowe, opis i przyjazny link.

Dostęp do elementów może być ograniczony. Domyślnie wszystkie elementy są dostępne bez ograniczeń. Można jednak niektóre elementy ukryć i dać do nich dostęp w dwojaki sposób. W sklepach internetowych nie są niczym nadzwyczajnym pola login i hasło, które służą klientom do zalogowania się do swojego konta w sklepie. Dzięki temu nie muszą wypełniać danych osobowych i adresowych – system ma je zapisane dla konta, w niektórych wypadkach jedynie zalogowani klienci mogą dokonywać zakupów, jedynie zalogowani widzieć ceny produktów, mieć swoje indywidualne upusty, czy indywidualnie lub grupowo inne ceny niż reszta zalogowanych lub niezalogowanych. W stronie informacyjnej można to wykorzystać gdybyśmy chcieli dać dostęp do jakiejś części strony osobom zalogowanym indywidualnymi loginami – każdy ma swój, np. strona przedszkola i strefa rodzica, do której dostęp mają indywidualnymi imiennymi loginami rodzice. Dzięki temu, kiedy rodzic zabiera dziecko z przedszkola nie musimy zmieniać hasła dostępowego tylko usuwamy użytkownika tego rodzica. Można również określić globalny login i hasło – wszyscy użytkownicy którzy mają mieć dostęp do tej części strony używają jednego loginu i hasła, np. strona sieci salonów kosmetycznych i część z materiałami dla klientów gdzie każdy salon używa tego samego loginu i hasła. Opcja wolny dostęp to domyślny, bez ograniczeń, dostęp do elementu. Po zalogowaniu do strefy chronionej jest opcją dla uniwersalnego loginu i hasła.Dla zalogowanych klientów dostęp z indywidualnymi loginami.

Znaczniki title, słowa kluczowe i opis

Każda strona internetowa powinna mieć zaszyte w swoim kodzie pewne informacje, które informują wyszukiwarki internetowe (np. google) o tym, co jest na danej stronie. Takie informacje odpowiednio podane pomagają zakwalifikować daną stronę ułatwiając internaucie znalezienie jej, szukając po wybranym temacie – frazie wyszukiwania. Informacje te można podać w tzw. znacznikach strony, które obejmują 3 podstawowe pola – title, słowa kluczowe i opis (title, keywords i description). Prawidłową konstrukcją strony jest umieszczenie w tych znacznikach słów odpowiadających cechom naszej strony i informacji na niej zawartych.

Poniżej zaznaczyłem gdzie potem w wyszukiwarce pokazują się jakie znaczniki. Na czerwono zaznaczyłem miejsce gdzie pojawia się znacznik title. Jest to na zakładce z daną stroną oraz tytuł wyniku strony. W czarnej ramce pokazałem gdzie pojawia się znacznik opis. Niebieską ramką zaznaczyłem pole szukania google z wpisanym akurat słowem google.

Title to coś w stylu nagłówka strony. Może to być globalnie dla całej strony takie samo wyrażenie, dla każdej podstrony inne wyrażenie albo – co najbardziej polecamy, pewien rodzaj preambuły wraz z dodanym właściwym tytułem strony. Np. (preambuła) Przedsiębiorstwo Handlowe Szacher – szachy drewniane rzeźbione (preambuła) – (tytuł strony) Produkty (tytuł strony). Nawiasami zaznaczyliśmy tylko informacje o zawartości. W pole title wpisane zostanie zatem „Przedsiębiorstwo Handlowe Szacher – szachy drewniane rzeźbione – Produkty”.Słowa kluczowe to zestaw fraz po których chcielibyśmy być wyszukiwani w Internecie. I tak, jeśli szyjemy i sprzedajemy garnitury i chcemy pozyskiwać klientów z Warszawy to dobrze skonstruowane słowa kluczowe powinny brzmieć mniej więcej tak: garnitury warszawa, garnitury na miarę warszawa, garnitury na wymiar warszawa, szycie garniturów warszawa, sprzedaż garniturów warszawa, krawiec warszawa, usługi krawieckie warszawa, garnitury ślubne warszawa. Ułożyliśmy frazy od najważniejszych dla mnie do mniej ważnych. Nie było

ich zbyt dużo. Przyjmuje się, że optymalna ilość fraz to ok 20. Oddzielamy je od siebie przecinkiem.Opis to pole w którym powinniśmy zawrzeć w 2-3 zdaniach to, o czym jest nasza strona.przykład: „ Firma Szacher , wytwarzamy rzeźbione szachy drewniane. Firma rodzinna z tradycjami i z indywidualnym podejściem do klienta. Znajdziesz u nas również inne produkty rzeźbione ręcznie. „Od każdego z tych trzech pól – znaczników, będzie zależeć gdzie dana strona wyląduje w wynikach wyszukiwania, dlatego też dobrze przemyślane znaczniki mogą nieco podnieść pozycję strony w wyszukiwarkach. Interesujące nas najbardziej frazy 2-3 powinny się znaleźć i w title i w opisie. Najlepiej w mianownikach, bo tak wpisujemy je potem w wyszukiwarkę najczęściej. Stąd w przykładzie opisu i title dodatkowe informacje zawarte w tych znacznikach.Najprostszym rozwiązaniem jest opracowanie tych znaczników globalnie dla strony i umieszczenie ich w module Ustawienia. Wtedy będą one automatycznie kopiowane dla każdego nowego elementu który te znaczniki będzie posiadał. Jeśli jednak będziemy chcieli jakiejś stronie nadać nieco inne znaczniki, wtedy możemy jej indywidualnie wpisać w polach w opcjach CMS konkretnego obiektu.

Czwartym polem pod znacznikami jest pole przyjazny link. Jest on generowany automatycznie na podstawie pola tytuł.6 Na podstawie pola przyjazny link będzie tworzony link po którym będzie można na daną stronę wejść. Zwykle strona bez wpisanego przyjaznego linku ma adres w postaci http://www.domena.pl/index.php?opcode=WYBIERZ_STRONE&param1=xx . Gdy wpiszemy w pole przyjazny link słowo „produkty” to adres będzie wyglądał tak: http://domena.pl/produkty .Każdy element jednak musi mieć różny link, więc musimy tu wpisywać niepowtarzające się sformułowania. Jeśli wstawimy spacje w przyjazny link, zostanie ona automatycznie zamieniona na myślnik. Jeśli będzie w nim polski znak, zostanie zamieniony na znak zwykły. Jeśli system wykryje, że któryś element ma już przypisany taki przyjazny link, zmieni go automatycznie dodając liczbę na końcu (produkty2, produkty3, produkty4 itd.)

Przyjazny link jest małym uzupełnieniem znaczników strony i też może w jakimś stopniu wspomóc pozycję strony w wyszukiwarce.

Linia Opcji Kategoria. w tym miejscu znajdziemy 3 opcje. Tytuł, podtytuł oraz szablon.

Tytuł określa nazwę linku i strony, który widzi internauta. Może być inny niż nazwa którą stosowaliśmy w linii opcje CMS. Dzięki temu tytuł może być długi a w panelu możemy umieścić skróconą wersję, żebyśmy łatwiej się odnajdowali w menu. Domyślnie tytuł jest nadawany jako „nowa/y kategoria/strona/produkt” . dlatego, jeśli np. nadali Państwo nazwę a potem od strony internauty objawia się dany element jako „nowa kategoria” albo „nowa strona” albo „nowy produkt” wtedy wiadomo, że nie nadali Państwo tytułu danemu

6 Za chwile to pole zostanie omówione

obiektowi. Na podstawie maksymalnie 3 pierwszych słów tego pola generowany jest automatyczny przyjazny link danej strony oraz dodawany tytuł strony w znaczniku title.Podtytuł najczęściej wykorzystujemy jako uzupełnienie głównego tytułu, można tam umieszczać najprzeróżniejsze informacje a że jest to dodatkowe pole tekstowe, czasem jest zaprogramowane i pokazywane jako dodatkowa informacja dotycząca danego obiektu, jako np. tytuł skrócony, cena obiektu (mimo, że, dana strona nie jest sklepem, może wyglądać jak sklep) czy słowa kluczowe tzw. tagi przypisane do obiektu (nie jest to to samo co słowa kluczowe w linii Opcje CMS).

Szablony

Ostatnią opcją jest szablon. Każdy rodzaj obiektu w systemie może mieć kilka szablonów – wyglądów. Obiekt typu kategoria może mieć wyświetlane podobiekty w różny sposób. Produkty w kategorii mogą być wyświetlane np. w formie 2 kolumn i 5 wierszy (10 elementów na stronie). gdzie obok ikonek produktów będzie tytuł, zajawka, cena, przycisk dodaj do koszyka, przycisk zobacz więcej, próg cenowy itp. Ta lista może być wyświetlana w formie 5 kolumn i 6 rzędów, gdzie wyświetlamy tylko tytuł i ikonkę produktu z ceną pod produktem. Kliknięcie w ikonkę lub tytuł przenosi do treści obiektu. Układów może być wiele, a determinuje je właśnie szablon zaprogramowany przez grafika. Obok listy może być wyświetlane po lewej menu a po prawej kolumna z promocjami itp. to również określa szablon. Zwykle jest jeden szablon dla danego obiektu, ale czasem się zdarza, że tych wersji jest kilka, w zależności od tego, co zostało ustalone z grafikiem i jak zostało zaprogramowane.

Powyżej przykład z trzema kolumnami głównymi, pierwszą kolumną z menu u boksem promocje, druga kolumna z prezentacją produktów i trzecia kolumna z boksem nowości. Prezentacja produktów jest w dwóch kolumnach, jest tytuł, ikonka, zajawka, cena, dodaj do koszyka i więcej. Poniżej za to jest wersja 2 kolumnowa, gdzie w pierwszej kolumnie mamy menu i promocje a w drugiej prezentacje produktów w formie 3 kolumn, gdzie jest jedynie tytuł, ikonka i cena.

To jak wygląda układ, co jest pokazane na stronie a co nie, jest zawarte w zaprogramowanym szablonie, który pojawia się na liście szablonów do wyboru dla danego obiektu. Będziemy jeszcze o tym pisać przy okazji opisu obiektu typu strona. Zdarza się że dodatkowe funkcjonalności są zawarte w szablonach, wtedy szablon określany jest nazwą nawiązującą do tej dodatkowej funkcjonalności. np. szablon strony z odtwarzaczem wideo albo szablon z mapką województwa.

Ikonki

Do prezentacji obiektów (kategoria, strona, produkt) można używać ikonki. Ikonkę tworzymy z obrazka, który wgrywamy na serwer. Aby wgrać obrazek, przyciskamy na przeglądaj i wybieramy z naszego komputera obrazek, który chcemy, żeby był źródłem ikonki. System sam zmniejszy nam obrazek do zaprogramowanych wartości. Jeśli zaprogramowano ikonkę o określonych proporcjach, system zmniejszy do zadanych rozmiarów i doda passe-partout najczęściej w kolorze białym.

Jest to prosta metoda do zachowania konsekwencji graficznej i porządku na stronie dzięki pewnej standaryzacji. Nie musimy się przejmować wielkością zdjęcia które wgrywamy na stronę, a musimy jedynie pamiętać o typie pliku, którym powinien być jpg.

Powyżej przykład z zaznaczonymi trzema z wielu ikonek kategorii. Poniżej inny szablon użyty i ikonki również zaznaczone.

Ikonki zaprogramowane mają określone miejsce w szablonie strony. Najczęściej wykorzystujemy jedną ikonkę, ale jeśli projekt i szablony bywają bardziej skomplikowane, czasem tych ikonek dostępnych dla danego obiektu będzie więcej. W różnych miejscach będzie potrzeba ikonkę w różnej wielkości czy proporcji.Ikonki mogą mieć zaprogramowaną automatyczną ramkę, która jest dodawana w szablonie strony.Najczęściej ikonka będzie pokazywana w podobnym miejscu co zajawka. Ustawiamy ją zwykle po lewej stronie zajawki i oblewamy tekstem z prawej.

Zajawka i treść

Podczas szkoleń łączymy linie opcji ikonki i zajawka oraz treść z obrazkami/galeria7. Łączymy je dlatego, że w najbardziej standardowej konfiguracji ikonki i zajawka pojawiają się w tym samym jednym miejscu – poziomie a treść z obrazkami / galerią w innym ale też jednym miejscu – poziomie.

Wyżej widać przykład jednego z klasycznych ustawień w szablonie strony. Klikneliśmy w stronę „rodzic 1” która ma 2 podstrony o nazwach „dziecko 1” i „dziecko 2”. Co zobaczyłem?Najpierw zobaczyliśmy tytuł „rodzic 1”, potem treść tej strony, niżej 4 obrazki dodane do rodzica 1. Następnie widzimy ikonkę dziecka 1 (misia), tytuł dziecka 1, zajawkę dziecka 1 oraz przycisk „więcej”. Pod spodem ikonkę dziecka 2 (meduza), tytuł dziecka 2, zajawkę dziecka 2.Poziomy i miejsca – ikonkę i zajawkę widzimy z poziomu treści „rodzica” danej strony. Treść i obrazki widzimy z poziomu danej strony, jak w nią klikamy.To jak będzie wyświetlany ten układ, zależeć będzie od wybranego szablonu obiektu.Zajawka to jakby intro, preludium, skrót informacji na temat tego co znajdziemy w środku strony / kategorii. Czasem całą informację zawrzemy w zajawce, nie chcąc rozdzielać niepotrzebnie czegoś na zajawkę i treść.

7 Obrazki / galeria jest linią opcji strony i produktu.

Kliknięcie w pozycję na liście menu prowadzi nas do treści. Do treści prowadzi nas również przycisk więcej, czy czytaj dalej itp.Treść to już pełna informacja, rozwinięcie zajawki. Pokazanie zawartości wraz z pod elementami danej strony. W przypadku kategorii będą to produkty. W przykładzie szablonów pokazaliśmy widok gdzie były zajawki jak i taki, gdzie tych zajawek nie było. Przycisk „Więcej” prowadzić będzie do treści produktu wraz z obrazkami czyli na poziom danego obiektu.Zajawka nie jest niczym ograniczona jeśli chodzi o ilość znaków, słów czy funkcjonalność w stosunku do treści. To samo możemy uzyskać i w zajawce i w treści. Należy jednak pamiętać, że jeśli zamierzamy obiekt wykorzystać w innym miejscu strony niż miejsce główne np. jeśli chcemy dodać skrót do edytowanego obiektu w boksie, to w boksie pojawi się właśnie zajawka, a jeśli będzie stworzona z np. tabelką i dodatkowym dużym obrazkiem, to graficznie strona to źle wyświetli.

Kategoria jako obiekt raczej nie będzie miała wypełnionych ani zajawek ani treści, ale istnieje taka możliwość, jeśli będzie to potrzebne do dodatkowych informacji. Zajawki będziemy używać w produktach i stronach. Chyba, że same szablony nie będą ich wyświetlać, wtedy koncentrować będziemy się jedynie na treści obiektu.

Edytor wizualny

W linii opcji zajawki i treści występuje taki sam panel (występuje również z boksie), posiadający te same funkcjonalności. Edytor wizualny zawartości strony.

Można go trochę przyrównać do edytora tekstu MS Word, bo kilkanaście przycisków jest podobnych i dobrze znanych. Nie jest to jednak dokładnie MS Word. Przyciski po najechaniu wyświetlają funkcje, jakie można danym przyciskiem wywołać.

W polu zawartości możemy wpisywać informacje dla danego obiektu. Możemy wklejać te informacje (tylko tekst). Jeśli mamy przygotowane materiały na innej stronie i chcemy je skopiować, albo mamy materiały w postaci PDF czy dokumentu MS Word najpierw należy wyczyścić te teksty z niepotrzebnych informacji nt. czcionek, kroju itp. Można (należy) to zrobić wklejając wszystko do notatnika i z notatnika bezpośrednio do okna zawartości. Zaznaczając myszką pożądany fragment informacji lub posługując się skrótami klawiszowymi kolejno „ctrl” + „a” zaznaczy wszystko w miejscu źródłowym, „crtl” + „c” skopiuje to co zaznaczyliśmy, klikając w okno notatnika „ctrl” + „v” wklei do okna notatnika, „crtl” + „a” zaznaczy wszystko w oknie notatnika, „ctrl” + „c” skopiuje z okna notatnika i wracając do okna zawartości „ctrl” + „v” wklei w oknie zawartości.Nie zalecamy, chociaż jest taka możliwość, wklejania bezpośredniego ze źródła do okna zawartości. Efekt na pierwszy rzut oka może być dobry, ale jeśli przyjdzie nam edytować potem tak wklejone informacje, może się okazać, że nie jesteśmy w stanie zmienić wielkości, koloru czy innych cech tekstu, żeby go ujednolicić z resztą strony. Co za tym idzie, mimo że panel umożliwia zmianę kroju czcionki, koloru, rozmiaru, nie zalecamy zbytniej ingerencji w domyślne ustawienia, które są zawarte w szablonie strony. Uzyskamy przez to większą spójność strony i konsekwencje w wyglądzie informacji. To szablon strony jest zaprogramowany, żeby w danym miejscu w ten a nie inny sposób wyświetlić tekst, z określonym standardowym dla wszystkich rozmiarem, kolorem i krojem czcionki.

Wstaw/edytuj obrazek

Jedna z ważniejszych funkcji w tym małym panelu przypominającym funkcjonalnością Worda jest możliwość dodawania zdjęć. Wśród wielu przycisków jest również przycisk „Wstaw/edytuj obrazek”.

Jeśli chcemy uzyskać kilka galerii w jednym ciągu informacji najłatwiej posłużyć się tabelką. Możemy wtedy w niej określić ilość wierszy, kolumn i w niej potem dodawać obrazki.Zanim zaczniemy wstawiać obrazek musimy kliknąć w miejsce gdzie chcemy taki obrazek wstawić. Kliknąć albo w jakieś miejsce w tekście który wcześniej wprowadziliśmy do jednej z części ( „Zajawka” lub „Treść” ) lub w komórkę tabelki, którą sobie wcześniej przygotowaliśmy. Następnie klikamy właśnie w ikonkę „Wstaw/edytuj obrazek”. Otwiera się nam okno „Właściwości” obrazka.

Widzimy przycisk „Przeglądaj” obok pola „Adres URL”. Niej jest pole „Tekst zastępczy”, jeszcze niżej „Szerokość”, „Wysokość”, „Ramka”. „Odstęp poziomy”, „Odstęp pionowy” i pole wyboru „Wyrównaj”. Ramka określa nam w pikselach widoczna ramkę wokół obrazka. Odstęp poziomy określa w pikselach odległość obrazka od tekstu w poziomie. Analogicznie odstęp pionowy odległość w pionie.

Zalecamy wpisywanie w tych rubrykach wartości standardowych.Ramki – 0 .Odstęp poziomy – 10.Odstęp pionowy – 2.Pole wyboru „Wyrównaj” określa to jak obrazek zachowuje się w stosunku do tekstu wokół niego. Zanim Państwo dojdą do wprawy będzie potrzeba kilku testów, żeby osiągnąć to co sobie Państwo założą. Ale po kilku próbach niektóre „efekty” będą Państwu wychodziły automatycznie.

Każde zdjęcie można opisać wielkością wizualna (rozdzielczość) wyrażaną w pikselach. Jeżeli chcemy żeby nasza strona ładowała się szybko i sprawnie, to musimy zadbać, żeby zdjęcia które umieszczamy na stronie miały odpowiednia wielkość. Serwer automatycznie nie zmniejszy nam zdjęć jeśli będziemy je dodawać poprzez ten panel. Przyjętym standardem obrazków w Internecie jest format pliku .jpg . Dla tego pliku bardzo duży obrazek w dużej rozdzielczości (wielkości wizualnej) potrafi zajmować nie więcej niż 300 kilobajtów. Standardowy obrazek internetowy duży to 1024x768. Gdzie 1024 to szerokość a 768 to wysokość. żeby dobrze wypełnić stronę musimy sobie odpowiednio przygotować obrazki na nią jeśli chodzi o wielkość wizualną. Jak zmniejszać zdjęcia? Można to wykonać w każdym programie graficznym, który umożliwi Państwu dokładną zmianę wielkości zdjęcia. Od Windows 7 potrafi to również MS Paint wbudowany w system operacyjny (menu start wszystkie programy akcesoria Paint.Jakie wielkości dobrać? Najczęściej na początek zrobią Państwo kilka prób. Podpowiem jednak, że obrazek imitujący ikonkę do boksu będzie miał szerokość 75 – 100 pikseli. Celowo nie podaje wysokości, bo jest ona mniej istotna.Obrazek imitujący ikonkę do zajawki powinien mieć 100 – 150 pikseli szerokości. Średnie zdjęcie (np. zdjęcie do tekstu o firmie) to szerokość 250 – 350 pikseli. Duże zdjęcie najczęściej to 400 – 600 pikseli szerokości, ale to jest mocno uzależnione od szerokości części informacyjnej strony. Klikamy w przycisk „Przeglądaj” w okienku „Właściwości obrazka”. Otwiera nam się większe okno i lista plików na serwerze.

W celu lepszej organizacji plików można tworzyć katalogi i umieszczać je potem bezpośrednio w katalogach. Katalog tworzymy poprzez kliknięcie prawym przyciskiem na katalog główny i kliknięcie lewym na „nowy podkatalog”. Możemy go potem nazwać. Struktura katalogów może być również zagnieżdżona. Żeby wysłać plik na serwer klikamy albo w przycisk „wyślij” u góry okienka, albo klikając prawym przyciskiem gdzieś w polu

okna klikamy w „wyślij plik”.

Po rozsunięciu pojawiają się pole „wybierz plik” i pole „przeglądaj”. Po kliknięciu w „przeglądaj” trafiamy na komputer na którym pracujemy obecnie. Wybieramy z niego interesujący nas plik (przygotowany wcześniej), klikamy na niego dwa razy. Stronawraca nam do tego poprzedniego okienka (takiego jak wyżej) i ma uzupełnioną ścieżkę do pliku. Klikamy w „wyślij wybrany plik”. Nasz plik jest wysyłany z naszego komputera na serwer. Może to chwile potrwać i jest uzależnione od łącza jakim dysponujemy w miejscu w

którym pracujemy w danej chwili oraz od wielkości pliku, który wysyłamy. Kiedy wyślemy plik na serwer pojawi się podświetlona i podpisana ikonka przedstawiająca miniaturkę tego obrazka. Teraz możemy klikając na niego wybrać go do wstawienia na stronę.Jeżeli w miejscu do którego wysyłamy plik istnieje już plik o takiej samej nazwie, system pozwoli nam go wysłać ale zmieni mu nazwę dodając (1), (2) itd. Np. na serwerze mam już plik o nazwie plik.jpg, jeśli będę wysyłał kolejny raz plik o takiej nazwie to kolejne będą się nazywały plik(1).jpg plik(2).jpg itd.

Teraz klikam w ten plik i system wróci do okienka „Właściwości obrazka”. Jak widać wypełniło mi się automatycznie pole „Adres URL”. W Podglądzie możemy zobaczyć już obrazek jak wygląda i jak się zachowuje w stosunku do tekstu. Wpisałem już wartości ramki, odstępu, rozwijam pole wyboru i zaznaczam „Do lewej”. Można jeszcze wpisać cos w pole „Tekst zastępczy”. Jest to pole którego treść będzie czytana zamiast obrazków. Jeśli np. klient nie może ściągnąć obrazka otwierając stronę, to

pojawi mu się ten tekst. Kiedy mam już ustawione wszystko klikam w OK. spowoduje to powrót do strony panelu zarzadzaniatreścią.

Jak tworzyć galerie zdjęć?Najlepiej wstawiając tabelkę i w komórkach tabelki wstawiając obrazki. Najpierw miniatury a potem robić

linki – hiper łącza do większych wersji obrazków. Hiper łącza – linki opisuje w następnym podrozdziale.

Hiper łącze – link

Druga ważna funkcjonalnością jest możliwość wstawiania linków. Link to skrót który prowadzi internautę do wskazanego miejsca lub pliku. W ten sposób będziemy tworzyć galerie gdzie pod małymi obrazkami, będziemy wskazywać internaucie większe wersje, w ten sposób będziemy pod logiem producenta wskazywali adres strony producenta, będziemy tworzyli szablon informacji e-mail a także wskazywali konkretny plik do ściągnięcia dla klienta (np. cennik w dokumencie pliku Word czy prezentacje PPS oraz dokument PDF). Żeby internauta mógł podążyć za naszym wskazaniem musi mieć obiekt w który może

kliknąć. Obiektem może być obrazek lub fragment tekstu. Żeby zaznaczyć obrazek, wystarczy w niego kliknąć. . Tekst zaznaczamy kursorem myszki, tak jakbyśmy chcieli go zmienić.

Kiedy mamy zaznaczony obiekt klikamy w ikonkę „Wstaw/edytuj Hiper łącze”.

Otwiera nam się okienko „Hiper łącze”. Proszę zwrócić uwagę, że jest przycisk „Przeglądaj”. Najprościej jest wpisać lub wkleić adres strony do której chcemy, żeby taki link prowadził.

Kiedy jednak tylko wpiszemy i klikniemy „OK” to internauta wyjdzie z naszej strony, a chcielibyśmy, żeby pozostał i ewentualnie otworzyło mu się to w nowym oknie / w nowej zakładce automatycznie. Musimy przejść do zakładki „Cel” i tam ustawić „Nowe okno (_blank)”.Poniżej zobaczą państwo wersje z możliwością wysłania maila o przygotowanym temacie, do przygotowanego adresie io przygotowanej treści oraz z wypełnionym adresem strony.

Innym rodzajem hiper łącza jest wskazanie pliku. Możemy to uzyskać klikając w przycisk „Przeglądaj” kiedy jeszcze nie mamy wypełnionego Adresu URL. Trafiamy znowu w znajome już nam miejsce z lista plików wysłanych na serwer. Jest ono inne niż poprzednio. Jest to inny katalog główny, ale działa tak samo jak w przypadku obrazków. Klikając na wysłany plik będziemy tworzyć galerie i wskazywać inne pliki do ściągnięcia.

Galerię za pomocą hiper łącza stworzymy w oparciu o tabelkę. Przykład podałem wcześniej, teraz tylko usystematyzuje całość.

1. Na początku wstawiamy tabelkę. Określamy ilość kolumn i wierszy w niej, ustawiamy ją najlepiej na 100% szerokości. Ustawiamy grubość ramki 0.

2. Następnie za pomocą wstaw edytuj obrazek w każdą komórkę wstawiamy przygotowaną miniaturkę zdjęcia.

3. Potem każde zdjęcie zmieniamy w hiper łącze i podpinamy do każdego większą wersję zdjęcia, wgranego za pomocą hiper łącza. Przy edycji każdego hiper łącza do obrazka ustawiamy w zakładce cel „nowe okno” a w zakładce zaawansowane w polu „Nazwa klasy CSS” wpisujemy „zoom2”. Da nam to ładny efekt prezentacji takiego powiększonego obrazka.

Obiekt typu Strona

Obiekt typu strona będzie podstawowym obiektem w systemach zwykłych CMS, bez funkcjonalności sklepu internetowego. Na niej głównie opieramy strony informacyjne. Również w zależności od szablonu strony z ich podstronami można prezentować w formie, która będzie udawała sklep internetowy. Wspominałem, że można wykorzystywać pewne pola do innych niż przeznaczenie pierwotne. Strona ma podobną ilość linii opcji podstawowych. Jest linia Opcji CMS, Linia Strona sieci WEB (odpowiednik linii Kategoria w obiekcie Kategoria), linia ikonki, zajawka, treść i ostatnia linia obrazki / galeria. Wszystkie linie nie różnią się niczym pod względem funkcjonalności od odpowiednich linii już opisanych przy okazji obiektu Kategoria.

Obrazki / Galeria

Dodatkowa linia obrazki / galeria wygląda tak jak linia ikonki z tym, że tam będziemy tworzyć galerię z wielu obrazków.O ile galeria tworzona za pomocą edytora wizualnego może być przeplatana treścią o tyle pliki z linii obrazki / galeria są pokazywane zawsze w tym samym miejscu, zwykle pod treścią danego obiektu. Zwykle – bo można inaczej, jeśli szablon strony będzie inaczej skonstruowany. Nie ma natomiast takiej swobody – podobnie jak z plikami z linii ikonki. Mają swoje określone miejsce zaprogramowane w szablonie. I ikonkę można imitować w edytorze wizualnym i galerię. Można by się w takim razie zastanowić po co w ogóle linia obrazki / galeria czy ikonki? Przypominam, że tutaj nie musimy się przejmować wielkościami zdjęć. W obrazki / galeria system sam stworzy sobie miniaturkę i duży widok danego pliku. Nie musimy specjalnie przygotowywać plików do tego, żeby je wgrać. W przypadku obrazki / galeria zwykle nie ma ograniczeń co do ilości. Tylko w wyjątkowych wypadkach, kiedy szablon obiektu strona, będzie imitował wygląd produktu z określoną ilością obrazków, wtedy każdy kolejny ponad tą ilość po prostu nie będzie wyświetlany. Najczęściej nie będziemy na to zwracać uwagi i po prostu będziemy tworzyć wieloobrazkową galerię, np. z imprezy firmowej, pod informacją o niej (zawartej w treści obiektu - strony).

Obiekt typu produkt

Obiekt typu produkt jest wykorzystywany głównie w sklepach internetowych. Linie opcji obiektu typu produkt również nie różnią się znacząco od linii opcji innych obiektów. Tym razem mamy 2 linie produkt (zamiast kategorii czy strony) i cena. W linii produkt zmieniło się sporo w porównaniu do poprzednich obiektów. Oprócz Tytułu, podtytułu i szablonu doszło jeszcze sporo pól związanych z identyfikacją produktu. Są to: EAN, IRC, SBN, Kod producenta, Kod referencyjny, Masa, Producent, Marka, Model. Żadne z tych pól nie jest wymagane i są przygotowane dla złożonych projektów sklepu internetowych. EAN, IRC, SBN, Kod producenta, Kod referencyjny służą do dodatkowej identyfikacji produktu w systemie. Może to być wykorzystywane na kilka sposobów. Do identyfikacji

pomiędzy czytnikiem kodów a sklepem internetowym, do identyfikacji produktu pomiędzy sklepem internetowym a programem magazynowym, jako dodatkowe informacje wyświetlane na stronie.

Masa jest polem, które parametryzuje produkt. Nadając mu wartość w połączeniu z odpowiednią konfiguracją modułu transporty spowoduje odpowiedni dobór transportu do produktu, czy większej ilości produktów.Przykład: moje produkty wysyłam jedynie pocztą polską, paczkami. Cena wysyłki paczki jest uzależniona od masy i gabarytów. Jako, że moje produkty nie są wielkogabarytowe, w praktyce uzależniam cenę transportu od masy paczki. Zatem jeśli nadam produktom masę, to w trakcie składania zamówienia, koszyk zsumuje masy wszystkich produktów i dobierze pasujący/e transporty. W ten sposób jak ktoś zamówi kilka sztuk i masa paczki urośnie np. do 7 kg, opcje transportu będą zawężone do paczki 5-10kg.Masę można łączyć z innymi uwarunkowaniami np. wysokością zamówienia, ale w standardzie zachowuje się właśnie tak. Producent, marka, model to dodatkowe pola, które mogą być wykorzystane jako pola filtrów czy wyszukiwarki. Określenie producenta połączone z wgranymi logami może skutkować wyświetlaniem się logo producenta w szablonie produktu. Wpisanie pozycji w producenta albo markę powoduje uzupełnianie listy, z której potem możemy wybierać. W tym miejscu może się pojawić więcej pól definiowanych na etapie programowania sklepu.Linia opcji ceny – w niej określamy to co z punktu widzenia sklepu w produkcie najważniejsze. Jeżeli będziemy wyświetlać ceny netto i brutto, to na samej górze określamy stawkę VAT na dany produkt. Jeśli będziemy podawali jedynie cenę netto, to możemy tej stawki nie wpisywać.Modyfikator ceny jest narzędziem które umożliwia obniżenie ceny czy podniesienie o określony współczynnik. Domyślną wartością jest 1. Jeśli wpiszemy tam 1.5 to pomnożymy bazową cenę o 1,5. Nie będzie ona jednak widoczna w panelu a jedynie od strony internauty. Będzie oczywiście uwzględniana również w koszyku i przeliczeniach koszyka.

Na samym dole jest przycisk plus a nieco powyżej krzyżyk usuwający. Służą one do dodania tzw. progów hurtowych. Załóżmy że chcemy, żeby klient kupując produkt w pewnej ilości automatycznie płacił mniej. By uzyskać taki efekt wprowadzimy w naszym sklepie próg/progi hurtowe.

Np. przy zakupie od 1-9 sztuk klient powinien zapłacić cenę 100zł/szt. Przy zakupie 10 sztuk i więcej powinien zapłacić 95zł/szt. Dodamy wtedy plusem jeszcze jedną belkę i w tej poniżej

w polu próg ilościowy wpiszemy 10 a w cenę wpiszemy 95. Takich progów możemy tworzyć więcej, poprzez dodawane plusikiem kolejnych tabelek. W próg ilościowy zatem wpisujemy ilość danego produktu, która musi się znaleźć w zamówieniu, żeby cena była przeliczona po innej wartości. Jak widać nad kolumną z cenami jest literka A. Określa ona grupę użytkowników których będzie obowiązywała kolumna cen i progów hurtowych. Jeśli w sklepie jest zdefiniowana jedna grupa to jest to grupa użytkowników niezalogowanych i zalogowanych. Jeśli grup jest więcej (B, C, D) można zmieniać przynależność do grupy danego klienta i dawać mu inne ceny niż klienci w innych grupach. Np. grupą A określimy klientów niezalogowanych. Grupa B to klienci zalogowani. Grupa C to zalogowani hurtownicy a grupa D to grupa specjalna, partnerów, która ma jeszcze inne ceny. Można w ten sposób ustawić sobie inne ceny dla klientów niezalogowanych i zalogowanych a samych zalogowanych podzielić np.

na detalistów i hurtowników czy partnerów. Od strony produktu określamy jedynie progi hurtowe i ceny, przynależność do grupy określamy w module Klienci. Pod polem próg hurtowy są dwa pola z cenami NETTO i BRUTTO. Jeśli nie wyświetlamy w sklepie cen netto, nie będziemy wpisywać stawki VAT to wpisywać będziemy jedynie cenę brutto. Cena netto samoczynnie się przeliczy i wyświetli. Również jeśli będziemy pokazywać ceny netto, to określając stawkę VAT, cena brutto również się przeliczy i uzupełni automatycznie. Możemy zatem korygować czy to cenę netto czy brutto a system sam wyliczy nam w obie strony brakującą cenę.

Moduł Klienci

Moduł klienci dodaje funkcjonalność logowania imiennego po indywidualnych loginach i hasłach. Najczęstszym rozwiązaniem gdzie stosujemy ten moduł, jest sklep internetowy, gdzie mogą kupować zalogowani klienci. W module klienci będziemy mogli zarządzać kontami klientów, którzy się zarejestrowali w naszym sklepie. Całą listę klientów można pobrać klikając w przycisk „pobierz jako CSV”

Jeżeli chcemy odnaleźć klienta najprościej jest kliknąć w przycisk „wszyscy” i w filtr wpisać kilka liter czy to imienia, czy nazwiska lub adresu email i kliknąć ustaw. Wtedy przefiltrujemy wszystkich zarejestrowanych klientów po ciągu znaków które wpisaliśmy. Klikając w literki wybierzemy klientów których nazwisko zaczyna się na daną literę.

Zwykle logika rejestracji w sklepie wygląda tak, klient rejestruje się i może dokonywać zakupów, jednocześnie otrzymuje maila z potwierdzeniem danych użytych do rejestracji.Można również wymagać aktywacji poprzez maila, zyskujemy wtedy pierwszą możliwość weryfikacji klienta. W mailu jest przysyłany link który po kliknięciu potwierdza i weryfikuje poprawność adresu email klienta oraz aktywuje konto.

Na czerwono zaznaczony klient nieaktywny. Jeśli wybieramy ten proces rejestracji i połączymy to z wymogiem zalogowania, w celu robienia zakupów, należy pamiętać, że jedynie aktywowane konta wtedy mogą dokonywać zakupów. Pewnie pojawią się sytuację, że klienci którzy nie aktywowali swojego konta będą mieli problem ze złożeniem zamówienia.

Kiedy wyświetlimy listę klientów możemy zająć się grupową aktywacją / dezaktywacją kont i usuwaniem kont. Można też dodać ręcznie konto i uzupełnić je danymi. Jest też opcja, kiedy aktywacja kont dokonywana jest ręcznie przez administratora. Nieaktywne konta nie funkcjonują wtedy w systemie na pełnych prawach a dopiero aktywacja w panelu administracyjnym powoduje nadanie kontu pełnych praw do użytkowania serwisu. można to wykorzystać, kiedy tworzymy stronę, która wymaga imiennego logowania, ale gdy chcemy mieć kontrolę nad tym, kto jest użytkownikiem serwisu lub klientem sklepu. Mimo otwartej rejestracji wtedy ręcznie musimy aktywować pożądanych klientów.

Po kliknięciu w przycisk „dodaj nowego klienta” otworzy nam się strona z danymi klienta. Po uzupełnieniu danych można od razu ustawić klienta jako aktywnego. Widać do której grupy należy klient. W systemie przyjęliśmy jako login adres e-mail. Jest on niepowtarzalny, dlatego nie będzie problemów z rejestracją użytkownika, o tych samych danych imiennych czy adresowych. Prócz tych standardowych pól można dodać pola dodatkowe, określone na etapie omawiania specyfikacji sklepu i dodane przez osobę programującą sklep. Na samym końcu jest pole Rabat[%] gdzie podajemy rabat indywidualny klienta.

Należy pamiętać, że jest on liczony od ceny grupy klientów, w której dany klient jest. Jeśli już jest w grupie klientów (B, C itd.) która ma niższe ceny to rabat będzie liczony od tej już niższej ceny. Należy też pamiętać, że kilka procent od paczki zapałek będzie się opłacało, ale kilka procent od ceny samolotu już nie. Dlatego, jeśli w naszym sklepie mamy duży wybór

asortymentu z mocno zróżnicowaną marżą na produkty, wtedy lepiej operować grupami klientów i cenami dla grup niż rabatem indywidualnym. Również po kliknięciu w przycisk Edytuj jest dostęp do danych klienta i możliwość ich zmiany. Można tam również dopisać dodatkowe informacje czy uwagi, dostępne jedynie dla administratorów.W sklepach, gdzie przewidziano logowanie się klienta w celu przeglądania historii zamówień, ma on również możliwość wglądu i zmiany swoich danych. W razie utraty hasła do konta, klient może odzyskać hasło. Musi w takim wypadku kliknąć w przycisk „przypomnij hasło” i wpisać swój adres e-mail. Na który rejestrował konto. Otrzymuje wtedy wiadomość na adres mailowy z hasłem. Zmiana danych dla zalogowanych klientów jest również możliwa w trakcie składania zamówienia.

Moduł Płatności

Moduł płatności będzie służył w sklepie internetowym. Nawet jeśli serwis nie będzie przypominał sklepu, czy nie będzie określany jako sklep, to mechanizm kupna wraz z logiką przeprowadzenia zamówienia będzie przybliżał stronę do takiego rozwiązania.

Powiązanie płatności z transportami

Moduł płatności jest najczęściej ściśle powiązany z modułem transporty ale oba nie wymagają siebie nawzajem. Oba te moduły współorganizują wybór opcji płatności z transportem. Możemy określić płatności, które będą dostępne jedynie dla danych transportów, grup klientów czy określonych towarów (powiązanie z masą produktów). I tak, tworząc płatność „za pobraniem” stworzymy również odpowiedni transport, który będzie się do tego odnosić (poczta za pobraniem, kurier za pobraniem itp.). W powiązaniu zaznaczymy transport który będzie korespondował z płatnością. W przykładzie mamy stworzoną płatność ON-LINE która z założenia jest płatnością przedpłatową. Wybieramy wtedy wcześniej przygotowane transporty, która będą odpowiednie do tej formy płatności. Kurier przedpłata, poczta polska przedpłata i odbiór osobisty. Sam odbiór osobisty będzie powiązany z każdą formą płatności.

Unikamy w ten sposób sytuacji wyboru płatności za pobraniem i transportu, który będzie w danej cenie dla opcji płatności przedpłatą.

Jak napisałem moduły płatności i transport nie wymagają siebie nawzajem – można założyć sytuację, kiedy będzie jeden możliwy transport w określonej z góry cenie wtedy wybierzemy formy płatności i odwrotnie, jedna płatność i wiele transportów. Powiązania płatności z transportami musi być dobrze przemyślane pod kątem logiki funkcjonowania naszego sklepu i realizacji zamówienia. Nie warto tworzyć zbyt wielu sztucznych opcji a jednocześnie ograniczać klienta. System jednak umożliwia edycję i zmianę koncepcji i logiki w powiązaniach pomiędzy tymi dwoma modułami.

Rodzaje płatności

Rodzajów płatności może być nieskończenie wiele, bo tworzymy je z określeniem tego czego dotyczą. W prostszych wariantach sklepu będzie ich zaledwie kilka. Każdą kolejną płatność dodajemy w pomarańczowym polu na dole. Pola które wypełniamy to nazwa płatności, opis płatności (opcjonalny). Koszt płatności – zwykle 0, ale jeśli np. chcemy, by za jakąś płatność klient poniósł dodatkowy koszt (np. płatność online związaną z prowizją firmy świadczącej usługi) wtedy wpiszemy odpowiednią kwotę do rubryki koszt. Pole Aktywny które określa czy dana płatność w ogóle jest wykorzystywana w danym momencie w systemie. Kolumna transport z linkiem do powiązania oraz kolumna w której możemy zaznaczyć płatności do usunięcia.

Oprócz płatności, które będą wymagały nasze atencji (np. przedpłata na konto firmowe – musimy sprawdzić, czy pieniądze dotarły) czy płatności za pobraniem mamy zintegrowane w systemie w postaci modułów płatności poprzez system dotpay.pl oraz płatności systemu ratalnego Żagiel.Obie te opcje automatycznie przeprowadzą zamówienie do odpowiedniego statusu. Administrator jest pewien, że płatność jest już uregulowana i może przejść do realizacji zamówienia. Oszczędza to nie tylko czas administratora, ale również klienta, gdyż pomijamy moment, kiedy oczekujemy na płatność, sprawdzamy i potwierdzamy płatność. W przypadku pozytywnej weryfikacji zamówienie od razu trafia do realizacji a nie jako oczekujące na wpłatę. Zarówno system dotpay jak i Żagiel wymagają podpisania umowy, zapoznania się z warunkami użytkowania systemu, prowizji itp. Po podpisaniu umowy dostaje się dane dostępowe, które potem wpisujemy w konfigurację modułu w dziale moduły.Istnieje możliwość dodania dowolnego systemu płatności online w postaci modułu. Szerzej omówione zostaną w podrozdziałach im poświęconym.

Moduł Transporty

Niemalże bliźniaczo podobny do modułu płatności w panelu administracyjnym. Dodane zostały jedynie dwie kolumny masa od i masa do. Wpisując w nie wartości wraz z określeniem masy dla każdego produktu umożliwi określenie bardziej precyzyjnych form transportu.

Jednostki których użyjemy są dowolne, trzeba pamiętać jedynie, że jeśli gdzieś określamy w gramach to w całym systemie musimy zachować te jednostki. Transporty będziemy zatem określać np. od 0 do 100 (gram), potem od 100 do 350 itd., w zależności jakie rozróżnialne po masie formy transportu mamy dostępne. Jeśli jako jednostkę wagi przyjmiemy kilogram to w kilogramach będziemy określać wszędzie masę produktów i dostępnych transportów.Jeśli nie będziemy określać masy produktów i zależnych od niej transportów to tabelka będzie wyglądać na prostą, tak jak z przykładu powyżej. Jeśli jednak podzielmy transporty w zależności od masy, ta tabelka może mieć kilkanaście lub kilkadziesiąt pozycji (jeśli jeszcze dodatkowo mocno zróżnicujemy płatności). System sumuje masę wszystkich produktów w koszyku i określa odpowiednie formy transportu dla danego wyniku. W przykładzie nie tylko nie ma określonych wartości ciężaru zamówienia, ale także nie ma wyboru dla której grupy klientów dany transport jest przeznaczony. Możemy w bardziej złożonym systemie określić, że np. dla hurtowników kurier zawsze kosztuje 20zl a dla detalistów w zależności od masy kurier jest dostępny jedynie w określonych warunkach. Zaznaczamy wtedy grupy klientów dla których ten transport czy płatność są dostępne.

Moduł Zamówienia

W module zamówienia będziemy mieli podgląd na złożone w naszym systemie zamówienia, możliwość zmiany ich statusu czy usunięcia – anulowania. Zamówienia w systemie funkcjonują z przypisanymi do nich zmiennymi statusami.Po kliknięciu w moduł zamówienia ukazują nam się dwie linie opcji. Jedna zamówienia i druga statusy. W linii zamówienia będziemy je przeglądać. W linii statusy będziemy dodawać, edytować i ustawiać zależności statusów w systemie.

Statusy

Ilość statusów zależy od administratora. Warto podzielić sobie drogę zamówienia na logiczne etapy, np. zamówienie nowe, oczekujące na wpłatę, zapłacone, w realizacji, spakowane, wysłane, zakończone i anulowane. Ich nazwy są dowolne, będą mogły być wyświetlane w

mailach informujących klienta o zmianie statusu, lepiej więc nazwać je jednoznacznie i czytelnie również dla klienta.

W tym miejscu określimy jaki status na jaki może być zmieniony np. nowe zamówienie może być zmienione w anulowane lub pakowalnię (na przykładzie). Można dzięki temu uniknąć jakichś pomyłek logicznych w schemacie przechodzenia pomiędzy statusami zamówień. Określamy to w kolumnie Przejście. Potem w przykładzie następuje kolumna DotPay ze statusami powiązanymi z systemem dotpay oraz kolumna do usuwania statusów.Statusy związane z dotpayem są kluczowe dla operacji płatności w systemie online. Dotpay jak tylko otrzyma odpowiednią wpłatę za zamówienie automatycznie zmieni status np. na zapłacone oczekujące na spakowanie.

Zamówienia

Po kliknięciu w linię zamówienia możemy przeglądać zamówienia pogrupowane wg. Statusu w którym się znajdują.

Dopóki nie wybierzemy konkretnego zamówienia, lista jest przedstawiana w szerokim planie, przechodzimy pomiędzy statusami klikając na ich nazwę na belce. Po kolei mamy liczbę porządkową zamówienia w danym statusie, ID zamówienia – unikalne w systemie służące do identyfikacji konkretnego zamówienia, datę złożenia zamówienia, należność zamówienia i e-mail (login) osoby która złożyła dane zamówienie. Po wybraniu konkretnego zamówienia

lista zamówień zmienia szerokość a po jej prawej stronie ukazują się dane wybranego zamówienia.

Od góry widać najpierw ID zamówienia, datę złożenia, potem dane odbiorcy, adres z przyciskiem drukuj (np. do naklejki na paczkę), następnie wartość zamówienia, wybrane opcje płatności i transportu oraz szczegóły zamówienia, w których znajdziemy zamówione towary. Na samym dole mamy kwotę końcową do zapłaty oraz przyciski do zmiany statusu zamówienia.

Dostępność produktów

Do sklepu internetowego można wprowadzić informację o dostępności produktów. Można je określać na podstawie ręcznego wyboru lub wraz z integracją z jednym z programów magazynowych przy imporcie danych magazynowych z tego programu (np. symfonia, subiekt itp.). Wtedy określenie wartości minimalnej dopuszczonej do sprzedaży jest definiowane z poziomu produktu.

Po dodaniu nowej dostępności nazywamy ją, możemy dodać ikonkę reprezentującą daną dostępność, określić pozwolenie na sprzedaż produktu z daną dostępnością i usunąć dostępność.W przykładzie klasyczne dostępności w trój – stopniowym interwale.