Instrukcja obsługi szablonów aukcji

Transkrypt

1 Instrukcja obsługi szablonów aukcji spis treści 2 Ładowanie kodu szablonu bezpośrednio na Allegro.pl (edytor wizualny) 4 Edycja szablonu w edytorze wizualnym 7 Dodawanie zdjęć przy pomocy 9 Dodawanie zdjęć przy pomocy

2 Ładowanie kodu szablonu bezpośrednio na Allegro.pl (edytor wizualny) 1. Otwieramy katalog z otrzymanymi materiałami 2. Przechodzimy do: Aukcja -> Szablon z grafiką na serwerze -> Otwieramy plik tekstowy kod HTML szablonu.txt 3. Zaznaczamy wszystko (CTRL + A) i kopiujemy (CTRL + C) Kopiujemy zawartość 4. Logujemy się na Allegro -> tworzymy nową aukcje -> wybieramy kategorię -> klikamy Dalej Tu nie wchodzimy

3 Ładowanie kodu szablonu bezpośrednio na Allegro.pl (edytor wizualny) 5. Przechodzimy do edytora tekstowego (tylko jeśli wcześniej w nim nie byliśmy) Nieprawidłowy tryb Prawidlowy tryb 6. Wklejamy wcześniej skopiowany kod w miejsce opisu (CTRL + V) i klikamy Podgląd 7. Jeśli w oknie podglądu wszystko wyświetla się prawidłowo przechodzimy do edytora wizualnego 8. Jeśli natomiast w podglądzie szablon nie wygląda prawidłowo czyli ma m.in. różne nie przewidziane odstepy, cały tekst jest czarny (a nie taki jak w projekcie), spokojnie nie wpadajmy w panikę. Problem ten występuje tylko u garstki ludzi i często spowodowany jest przeglądarką internetową (najczęsciej Mozilla Firefox) która modyfikuje kod szablonów. Rozwiązanie: Załadować kod szablonu w innej przeglądarce internetowej. Po prawidłowym załadowaniu aukcja wyświetla się bezbłednie już w każdej przeglądarce - problem ten występuje tylko na etapie wgrywania kodu - tylko u garstki ludzi i tylko na Firefoxie

4 Edycja szablonu w edytorze wizualnym 1. Po prawidłowo załadowany kodzie i przejściu do trybu wizualnego zobaczymy panel z opcjami. 2. Edycja tekstu polega na jego zaznaczeniu i kliknięciu na odpowiednią opcję krój czcionki tekstu rozmiar tekstu wytnij kopiuj wklej kolor tekstu tło tekstu dodanie hiperłącza (linka, adresu) dodanie adresu wstaw obrazek indeks dolny indeks górny wyrównaj do lewej centruj wyrównaj do prawej wyjustuj zmniejsz wcięcie zwiększ wcięcie lista liczbowa lista punktowa pogrubienie kursywa podreślenie przekreślenie

5 Edycja szablonu w edytorze wizualnym c.d. 3. Aby dodać zdjęcie klikamy w wybranym miejscu szablonu -> klikamy przycisk Wstaw obrazek 4. W okienku które wyskoczy wklejamy adres do naszego zdjęcia na serwerze Ustawianie poniższych opcji nie jest konieczne 5. Aby się upewnić że zdjęcie się ładuje możemy kilka razy kliknąć Podgląd -> zdjęcie powinno pokazać się w powyższym okienku -> klikamy Wybierz Jeżeli zdjęcie nie pojawiło się w wybranym wcześniej miejscu zapewne znajduje się na samej górze aukcji (jest to jedna z wad przeglądarki Internet Explorer) Rozwiązanie: Aby przenieść zdjęcie w wybrane miejsce wystarczy przewinąć podgląd szablonu na samą góre -> kliknać na znajdujące się tam zdjęcie prawym przyciskiem myszy -> Wybrać Wytnij (CTRL + X) -> Przejść do miejsca gdzie ma znajdować się zdjęcie -> Kliknać prawym przyciskiem myszy i wybrać Wklej (CTRL + V)

6 Edycja szablonu w edytorze wizualnym c.d. Jeżeli załadowane zdjęcie jest za duże może nieprzyjemnie wpłynąć na wygląd naszego szablonu czyli spowodować odstępy (puste przestrzenie) w niektórych elementach szablonu. Rozwiązanie: Aby tego uniknąć wystarczy zmniejszyć zdjęcie. Żeby to zrobić wystarczy kliknąć na odpowiednią fotke w szablonie -> chwycić za jeden z jej rogów edycji -> przeciągnąćw kierunku środka zdjęcia Wygląd szablonu możemy kontrolować wciskając Podgląd 6. Jak dodać link do miniaturki (małego zdjęcia) które po kliknięciu załaduje zdjęcie w dużej rozdzielczości? Dodajemy zdjęcie które będzie miniaturką i odpowiednio je zmniejszamy według powyższego opisu -> Klikamy na miniaturke zdjęcia i klikamy przycisk dodania hiperłącza (znajduje się pod wyborem kroju czcionki) Gdy wyskoczy panel wpisujemy lub wklejamy adres do zdjęcia które ma zostać załadowane po kliknięciu miniaturki -> klikamy Wybierz Gotowe Możemy dodać również link do tekstu np. w celu pokazania jakiejś informacyjnej strony www. Instrukcja jest taka sama tylko na początku zaznaczamy odcinek tekstu który ma mieć łącze. Uwaga! Po dodaniu łącza do tekstu, tekst może zmienić kolor (to normalna właściwość przeglądarek internetowych aby odróżnić tekst z łączem od takiego bez). Aby zmienić jego kolor wystarczy go zaznaczyć (lub nie odznaczać po dodaniu hiperłącza) i wybrać opcję zmiany koloru tekstu

7 Dodawanie zdjęć przy pomocy 1. Wchodzimy do na stronę 2. Klikamy na guzik Browse (przeglądaj) -> W okienku klikamy na zdjęciu które chcemy wgrać i klikamy Otwórz 3. Nastepnie klikamy Prześlij Teraz i czekamy aż się zdjęcie załaduje na serwer.

8 Dodawanie zdjęć przy pomocy c.d. 4. W wyniku dostaniemy stronę z dużą ilością adresow (linkow) do zdjęcia Interesuje nas tylko bezpośredni link zakończony formatem zdjecia czyli jpg Kopiujemy ten link i wklejamy w okienku dodawania zdjęcia w edytorze wizualnym (5 str. krok nr. 4 ) bądź innym edytorze którym aktualnie pracujemy.

9 Dodawanie zdjęć przy pomocy 1. Wchodzimy do na stronę 2. Klikamy na guzik Przeglądaj -> W okienku klikamy na zdjęciu które chcemy wgrać i klikamy Otwórz 3. Nastepnie klikamy PRZEŚLIJ TERAZ i czekamy aż się zdjęcie załaduje na serwer.

10 Dodawanie zdjęć przy pomocy c.d. 4. W wyniku dostaniemy stronę z dużą ilością adresow (linkow) do zdjęcia Interesuje nas tylko bezpośredni link zakończony formatem zdjecia czyli jpg Kopiujemy ten link i wklejamy w okienku dodawania zdjęcia w edytorze wizualnym (5 str. krok nr. 4 ) bądź innym edytorze którym aktualnie pracujemy. 10

11 F.A.Q. - czyli najczęściej zadawane pytania 4 Przy ładowaniu aukcji na allegro wyświetla mi się komunikat W opisie przedmiotu znajdują się niezalecane elementy HTML/JavaScript Przedmiot może zostać wystawiony po usunięciu niezalecanych elementów z opisu (Więcej informacji). Rozwiązanie: Jeżeli opis wyświetla się prawidłowo, proszę zlekceważyć tą informację i kontynuować wystawianie aukcji. Komunikat ten zwykle pokazuje się gdy używamy dynamicznych galerii czyli takich które pokazują miniaturki innych aukcji. 11