Spis treści:
W tym artykule opisujemy, w jaki sposób wykonać kopię skórki graficznej w technologii RWD, by możliwym była edycja plików .TPL (HTML). Edycja plików .TPL umożliwia zmianę struktury skórki, dodanie dodatkowych znaczników HTML, skryptów JavaScript.
Jak skopiować skórę graficzną w technologii RWD do edycji plików TPL w sklepie internetowym Shoper?
Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści (A) > Wygląd sklepu (B) > Bieżąca skórka (C), a następnie kliknij opcję: Utwórz kopię (D) zlokalizowaną pod słowem: Więcej w prawym górnym rogu.
Po utworzeniu kopii znajdziesz się automatycznie w jej edycji. Wprowadź nazwę stylu (A) i ewentualnie ustaw kopię jako domyślną skórę sklepu, klikając opcję: Aktywny w sklepie (B) po rozwinięciu menu Więcej. W skopiowanym szablonie pojawią się dwie dodatkowe zakładki: Pliki graficzne (C) i Edycja zaawansowana (D).
W zakładce: Pliki graficzne (A) można dodawać własne pliki na serwer (B). Zdjęcie pojawi się poniżej przycisku dodawania zdjęć (C), a po najechaniu na nie można wyświetlić Informacje o zdjęciu (D).
Po kliknięciu ikony Informacje o pliku pojawi się okienko o jego zawartości. Znajdziesz tam między innymi adres do pliku CSS.
Przechodząc do zakładki: Edycja zaawansowana (A) można edytować pliki: tpl oraz user.css, gdzie należy wprowadzać własne style CSS. Aby przejść do edycji wystarczy wybrać odpowiedni plik i po rozwinięciu menu akcji, kliknąć opcję: Edytuj (B).
Wideo: jak zmienić wygląd sklepu Shoper?
Zagadnienie konfiguracji wyglądu sklepu omówiliśmy w wideoporadniku.
Zadbaj o nowoczesny i profesjonalny wygląd swojej strony, który przyciągnie więcej klientów. Zobacz gotowe szablony graficzne w Shoper.
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
- Jak wykonać kopię skórki graficznej strony sklepu internetowego?
- Wideo poradnik: jak poprawnie zmienić wygląd szablonu graficznego na platformie Shoper?