Najlepszy motyw OpenCart - wybór odpowiedniego dla Ciebie

  1. Jump Links
  2. Kryteria
  3. Zgodność wersji
  4. funkcje
  5. Projekt
  6. Użyteczność
  7. Kod
  8. Optymalizacja SEO
  9. Funkcje Shoppica
  10. Użyteczność Shoppica
  11. Projekt Shoppica
  12. Kod Shoppica
  13. Shoppica jest zoptymalizowana pod kątem SEO
  14. To okład!


W tym poście zamierzam zająć się tym, jak wybrać najlepsze motywy OpenCart dla witryny e-commerce. Będziesz miał pomysł, w jaki sposób wybrać odpowiedni dla swojej witryny, znając różne kryteria, aby zwrócić uwagę podczas szukania właściwego szablonu. Przyjrzyjmy się głębiej i sprawdźmy, co znajduje się pod maską, a nie tylko styl wizualny lub projekt. Nie jestem tu ekspertem, który chce być ekspertem, po prostu dzieląc się swoim spostrzeżeniem i tym, czego szukać w temacie.

Jump Links

Motyw powinien nie tylko dobrze wyglądać, ale musi również działać świetnie pod względem szybkości, użyteczności i SEO. Aby go znaleźć, musimy zobaczyć kod, a nie tylko renderowane wyjście lub to, co użytkownicy mogą zobaczyć tylko za pomocą przeglądarek. Musisz także sprawdzić kod i jak łatwo jest go modyfikować w razie potrzeby. Ponieważ zawsze będzie potrzeba dalszego dostosowania, aby była wyjątkowa. Dobry motyw nie może być również nadęty z funkcjami, których nie będziesz używać w końcu. To wpłynęłoby na wydajność witryny, gdyby tak było. Nie zmuszaj się więc tylko do oglądania funkcji i projektów, powinieneś także rozważyć prostotę i wydajność.

Gdybym miał wybrać własny motyw OpenCart, sprawdziłbym następujące kryteria:

  • funkcje
  • Projekt
  • Użyteczność
  • Kod
  • Optymalizacja SEO

Kryteria

Poniżej znajdują się kryteria, które możesz sprawdzić, szukając motywu. Zwróć uwagę, że tak wybieram mój motyw, gdybym go kupił.

Zgodność wersji

Powinno to być pierwszym zagadnieniem przy poszukiwaniu motywu. To przynajmniej według mnie, możesz również wziąć to za ostatni krok, jeśli chcesz. Ale dla mnie wezmę to za pierwszy krok.

Możesz iść do ThemeForest OpenCart Theme sekcji i użyj bloku filtrów po prawej stronie. Kliknij opcję Wersja oprogramowania, a następnie wybierz aktualnie zainstalowaną wersję OpenCart.

Następnie przejrzyj stronę wyników i wybierz poniższe kryteria.

Przeczytaj także: Instalacja OpenCart 2.xx na różnych platformach

funkcje

Może to być również twoje pierwsze rozważanie przy poszukiwaniu lepszego motywu. Funkcje są funkcjami i funkcjami, które autor tematu reklamuje jako dołączone do motywu. Oto, co może zrobić dla twojej strony OpenCart. Są to dodatkowe pliki zwane rozszerzeniami lub modami, inne są kodowane na stałe z plikami motywu, ale rzadko się to robi. Większość funkcji / funkcji ma postać rozszerzeń lub dodatków. Jednym z przykładów funkcji motywu jest Mega Menu. Mega menu są wszechstronne i zazwyczaj skomplikowane w konfiguracji. Możesz dodać do niego kilka elementów, a nie tylko kategorie produktów. Możesz dodać blok zawierający obrazy lub podsumowanie produktu funkcji. Innym przykładem funkcji jest suwak produktu lub obrazu. OpenCart zawiera domyślny suwak, ale motywy innych firm oferują więcej funkcji i złożony suwak obrazu. Niektóre suwaki można dostosować i można dodawać nakładki tekstowe i efekty.

Jeśli uruchamiasz sklep internetowy, możesz przeprowadzić badanie, wpisując żądaną funkcję, na przykład; „Motyw opencart z mega menu” lub „motyw odzieży opencart”. W ten sposób filtrujesz wynik w bardziej specyficzny typ lub styl motywu, możesz zobaczyć i przejrzeć tematy, które możesz chcieć, a następnie przeanalizować je później, używając innych kryteriów. Jeśli widzisz funkcje, których potrzebujesz w motywie, zanotuj nazwę do głębszego i późniejszego przeglądu.

Kolejną rzeczą, której musisz szukać, jest Design.

Projekt

Zasadniczo jest to ogólny wygląd motywu, w tym układ i rozmieszczenie bloków, schemat kolorów i twarze czcionek oraz cały przepływ systemu.

Po wyszukaniu pożądanych funkcji, kolejną rzeczą, którą powinieneś sprawdzić, są te kryteria.

Powiedzmy, że znalazłeś motyw, który ma funkcje, które chcesz, następnym krokiem jest sprawdzenie ogólnego projektu. Czy przyciąga cię to? Czy naprawdę to lubisz? Czy lubisz kombinację czcionek i układ? Może strona produktu wygląda niesamowicie? Jeśli tak, oceń go między skalą 1-10, a następnie zanotuj go.

Zwróć jednak uwagę, że to, co mam na myśli, to „awesome” niekoniecznie przepełnione elementem projektu lub dużą ilością suwaków z przodu. Powinien być czysty i prosty. Pamiętaj, że zbyt wiele elementów projektu może nadężyć zasoby Motywu, takie jak; JavaScript i CSS, zwiększając w ten sposób rozmiar strony, co ma kluczowe znaczenie dla szybszego ładowania strony.

Użyteczność

Trzecią rzeczą do sprawdzenia jest „użyteczność”. Może to obejmować pytanie „jak stroma jest krzywa uczenia się”. Czy korzystanie z frontonu podczas pierwszej wizyty jest zbyt trudne? Lub korzystanie z witryny jest zbyt proste, aby użytkownicy mogli znaleźć to, czego chcą, w mgnieniu oka?

Co więcej, oznacza to również, jak użytkownicy mogą efektywnie korzystać z witryny z łatwością iz satysfakcją.

Może to być zarówno dla użytkowników, jak i dla Ciebie (administratora). Wspomniałem powyżej, że niektóre motywy mogą mieć złożone funkcje / funkcje. Zazwyczaj będziesz musiał skonfigurować taką funkcję za pomocą panelu administracyjnego. Dostawcy motywów zazwyczaj oferują demo, w tym demo panelu administracyjnego. Korzystając z wersji demonstracyjnej, możesz spojrzeć i sprawdzić, jak skonfigurowano funkcje / funkcje. Będziesz miał możliwość samodzielnego skonfigurowania go i od razu możesz stwierdzić, jak łatwo lub trudno jest się uczyć - jak Ustaw to. Czy nauka jest zbyt łatwa czy trudna? Czy skonfigurowałeś go bez korzystania z instrukcji lub przewodników? Teraz oceń temat i zanotuj go.

Nie zapomnij też sprawdzić / przetestować frontu motywu i postawić stopę w butach kupującego. Przetestuj witrynę, jak łatwo lub trudno jest użytkownikowi znaleźć to, czego szuka, lub łatwo go pobrać. Czy użytkownik może śledzić proces zakupu bez czytania strony FAQ, czy jest to zbyt skomplikowane? Zadaj sobie te pytania i oceń temat.

Nie wybieraj motywu, ponieważ ci się podoba, zamiast tego wybierz taki, który przyniesie korzyści użytkownikom.

Nie kupuj żadnego motywu, który chcesz, ponieważ lubisz funkcję suwaka obrazu lub mega menu.

Nie wybieraj losowo, ponieważ podoba Ci się projekt, wygląda niesamowicie i modnie.

Zamiast tego pomyśl o swoich użytkownikach, czy przyniesie im to korzyści?

Kod

Kryteria te wymagają przynajmniej zrozumienia, co znajduje się pod stroną, źródłem strony . Niekoniecznie kody PHP, ale style HTML, JavaScript i CSS. W rzeczywistości nie musisz się uczyć, jak kodować, musisz tylko znać podstawowe informacje. Przeczytaj dalej, aby dowiedzieć się, czego potrzebujesz.

Musisz sprawdzić kod źródłowy w motywie, sprawdzając stronę demonstracyjną i naciskając ctrl + u.

Teraz powinieneś zobaczyć, ile stylów CSS i JavaScript zostało załadowanych. Szczerze mówiąc, poszukiwanie motywów jest minimalnie czasochłonne i trudne. Po prostu spróbuj najlepiej i poszukaj czegoś, co ma najmniejszą liczbę zewnętrznych plików CSS i JavaScript, bez dokładnej liczby minimalnej.

Ponadto sprawdź, w jaki sposób dostarczany jest CSS, aby uniknąć ostrzeżenia „Optymalizuj dostawę CSS” podczas korzystania z Google PageSpeed ​​Insight

Dobrym wynikiem, jaki można uzyskać przy użyciu powyższego narzędzia, jest 85. Ale jest to wynik, który uzyskujesz na podstawie kilku innych czynników.

Większość dostępnych tam motywów zawiera pliki JS i CSS. Celem posiadania minimalnego zasobu / zasobu strony, jest uniknięcie zbyt wielu połączeń, cofania się i forsowania podczas wywoływania i renderowania strony przez przeglądarkę. Zasadniczo zbyt wiele wywołań CSS i skryptów JavaScript może mieć negatywny wpływ na wydajność lub czas ładowania strony. Ale przede wszystkim twórcy motywów nie mogli uniknąć takiego problemu, a ich motywy kończą się posiadaniem zbyt wielu plików CSS i JS, co prowadzi do powolnego ładowania strony.

Byłoby również wspaniale mieć te JavaScript załadowane na dole strony. Ponownie, dla lepszej wydajności i czasu ładowania strony.

Im mniej plików JS i CSS, tym lepiej.

Niektórzy twórcy motywów łączą wszystkie swoje arkusze stylów w jeden plik css, jednocześnie dodając inne style i JavaScript, aby uniknąć „blokowania renderowania”.

Jeśli chcesz sprawdzić, jak duży jest rozmiar strony motywu, przejdź do tools.pingdom.com i upuść motyw Demo URL - aby sprawdzić czas ładowania Motywu, rozmiar strony, liczbę plików CSS i JavaScript oraz kilka innych szczegółów.

Uwaga: Czas ładowania strony może znacząco wpłynąć na konwersję. Użytkownicy mają tendencję do przeglądania strony, jeśli ładuje się powoli. Ponadto nie zanurzaj użytkowników w kółko, ładując animację gif, czekając na załadowanie strony przez prawie 60 sekund. Zamiast tego zaimponuj im swoją szybko ładującą się stroną internetową.

Ponadto serwer, na którym aktualnie działa Motyw, może znacząco wpłynąć na czas ładowania i czas odpowiedzi. Zoptymalizowany serwer w tym pomoże.

W idealnym przypadku witryna powinna załadować się w ciągu 2-3 sekund. Możesz użyć narzędzia, o którym wspomniałem powyżej, aby sprawdzić dowolny motyw, który chcesz.

Uwaga: Czas ładowania strony jest jednym z czynników rankingu wyszukiwarki Google.

Optymalizacja SEO

Najlepiej byłoby mieć motyw zoptymalizowany pod kątem SEO.

Zasadniczo strona, która została zoptymalizowana, może mieć lepszą wydajność w wyszukiwarce w porównaniu z witryną konkurencyjną, która w ogóle nie jest zoptymalizowana pod kątem SEO.

Jeśli znalazłeś motyw, który ma wbudowany moduł SEO, dodatek lub rozszerzenie, pobierz ten motyw, pod warunkiem, że spełnił inne kryteria. Temat OpenCart ze znacznikami schema.org byłby świetny, szczególnie w przypadku używania znaczników schematu produktu.

Również motyw z dodatkiem, który może przepisać adres URL produktu zgodnie z tym, co chcesz, jest dobry.

Ogólnie rzecz biorąc, poszukaj motywu, który ma wbudowaną funkcję, która może obsługiwać omawiane elementy ten post .

Dla mnie, biorąc pod uwagę wszystkie punkty, o których wspomniałem powyżej, najbardziej doskonałym motywem dla OpenCart jest motyw o nazwie Shoppica .

Dla mnie jest to najbardziej odpowiedni motyw dla każdego sklepu internetowego opartego na OC. Możesz go używać w dowolnym sklepie niszowym, takim jak; sklep z odzieżą lub modą, sklep z elektroniką, biżuteria, a nawet rękodzieło, które osobiście zrobiłeś i sprzedałeś online.

Jest to uniwersalny motyw, który pasuje do każdego rodzaju sklepu OpenCart. Co najważniejsze, obsługuje najnowszą wersję OC 2.3.0.x od 6 listopada 2016 r. - czas pisania tego artykułu.

Został wydany od lat i stale aktualizowany, aby działał z najnowszą wersją OpenCart. Aktywne naprawianie błędów i ulepszanie są wprowadzane do tego wspaniałego motywu.

Motyw Shoppica jest popularny od czasów OC v1.5.

Dobra, pozwólcie, że omówię dobre cechy tego niesamowitego motywu.

Funkcje Shoppica

Dla mnie najlepszą cechą tego motywu jest jego prostota . To znaczy, patrzenie na temat jest tak czyste i proste, nie zaśmiecone i wszystko jest uporządkowane. Chciałbym tego zamiast tych z fantazyjnymi i dużymi suwakami obrazów, które powodują, że strona ładuje się dłużej.

  1. Kreator stron - z panelu administracyjnego można utworzyć prosty i złożony układ strony, po prostu przeciągając i upuszczając żądane bloki. Możesz wybierać spośród 40 bloków niestandardowych, takich jak; Facebook lub Tweeter jak pudełko, Najnowsze produkty lub artykuły i wiele innych.

  2. Responsive Layout - Ten motyw wykorzystuje Twitter Boostrap Framework, framework nie tylko używany do responsywnego projektowania, ale także do łatwego tworzenia prototypów lub modyfikacji niestandardowych, jeśli chcesz. Większość niezależnych programistów lub projektantów stron internetowych wie o tym, a jeśli potrzebujesz pracy niestandardowej, możesz łatwo znaleźć kogoś, kto wie, jak na nią pracować.

    Funkcja responsywnego układu sprawia, że ​​Twój motyw pasuje do różnych rozmiarów ekranu, czy to lapttop, desktop, tablet czy urządzenie mobilne.

  3. Kompatybilny z wieloma sklepami - oznacza to, że ten motyw jest zgodny z konfiguracją OpenCart Mutli-Store. Konfiguracja, w której można uruchomić wiele indywidualnych sklepów z własnymi i oddzielnymi kategoriami i produktami, używając tej samej instancji OpenCart. Nie ma potrzeby wielokrotnej instalacji. Dzięki tej funkcji możesz używać motywu w dowolnym skonfigurowanym sklepie.

  4. Mega Menu - Tak, możesz stworzyć mega menu z tym motywem, podobnym do Mega Menusów, które zazwyczaj zawiera temat Pavo.

    Obraz odniesienia:
    Obraz odniesienia:

Użyteczność Shoppica

Jeśli przetestujesz ich Próbny szybko zauważysz, że układ i przepływ są tak płynne i łatwe w nawigacji. Dla mnie jest to najlepszy przykład użytecznego motywu. Zakupy na produkt są łatwe, a także do sprawdzania. Łatwy do śledzenia przepływ, bez mylących bloków wyskakujących i szalonych efektów najechania.

Kolejną świetną funkcją, jaką można sobie wyobrazić, jest instalacja za pomocą jednego kliknięcia Sample Data. Dzięki tej funkcji administratorzy sklepu nie będą mieli trudności z ustawieniem motywu Shoppica i sprawią, że będzie wyglądał jak demo. Możesz szybko zainstalować produkty / kategorie demo i ustawienia jednym kliknięciem myszy.

Projekt Shoppica

Bardzo prosta konstrukcja, która jest świetna, ponieważ możesz ją bardziej skomplikować, dodając więcej bloków, modułów z panelu administracyjnego.

Użyłem narzędzia PageSpeed ​​Insight, aby sprawdzić, jak szybko jest demo i uzyskał wynik 80. Zwróć uwagę, że inne czynniki mogą jeszcze zwiększyć wynik. Jeśli masz swój własny VPS i korzystasz z tego motywu, zoptymalizuj swój serwer… na pewno możesz podbić wynik nawet o 85+.

Kod Shoppica

Jeśli spojrzysz na źródło strony, zobaczysz, że ma ono minimalne (po 2 z nich - do renderowania strony ) pliki CSS i JS, co jest tak wspaniałe, ponieważ przeglądarka może szybciej załadować stronę. Spójrz na zrzut ekranu poniżej. Użyłem pingdom.com do przetestowania http://shoppica.net/ - strony głównej. Zobacz czas ładowania, który wynosi 1,70 s, podczas gdy rozmiar strony wynosi prawie 1 MB.

Zwróć uwagę, że nadal możesz zmniejszyć rozmiar, stosując dalsze techniki optymalizacji.

Zrzut ekranu tutaj:
Zrzut ekranu tutaj:

Jeśli porównasz inne motywy, które znajdziesz i użyjesz powyższego narzędzia, zobaczysz, jak powolny jest ich czas ładowania strony.

Shoppica jest zoptymalizowana pod kątem SEO

Jak już reklamowano w ich strona Las tematyczny , ten motyw jest załadowany funkcją SEO. Funkcjonalność SEO jest wbudowana w temat. Funkcja jak; Generator meta tytułu produktu, przyjazny dla SEO generator adresów URL, uporządkowany znacznik danych przy użyciu mikrodanych i kilka innych.

Ten motyw ma więcej do zaoferowania, jeśli chcesz przeczytać wszystko, możesz odwiedzić stronę lasu tematycznego.

To okład!

Wybór najlepszego motywu OpenCart dla Twojego sklepu nie jest taki trudny. Jest to czasochłonne, ale jest warte twojego czasu i pieniędzy, szczególnie, gdy wybrałeś najbardziej wydajny. Zwróć uwagę na te kryteria, o których wspomniałem powyżej, szukając właściwego tematu. Weź Shoppica jako przykład lub kup ją od razu i nie szukaj dalej. Możesz go używać z dowolną niszą / rodzajem konfiguracji sklepu internetowego; sklep odzieżowy, sklep jubilerski lub sklep elektroniczny. Jest szybki, zoptymalizowany pod kątem SEO, prosty, ale nie brzydki, aktywnie rozwijany, a obsługa klienta jest na najwyższym poziomie.

Jeśli szukasz czegoś innego, po prostu udaj się do ThemeForest i szukaj jednego.

Jeśli masz coś więcej do dodania lub masz pytanie, skontaktuj się z nami poniżej.

Przeczytaj także: Instalowanie motywu OpenCart .

Czy przyciąga cię to?
Czy naprawdę to lubisz?
Czy lubisz kombinację czcionek i układ?
Może strona produktu wygląda niesamowicie?
Czy korzystanie z frontonu podczas pierwszej wizyty jest zbyt trudne?
Lub korzystanie z witryny jest zbyt proste, aby użytkownicy mogli znaleźć to, czego chcą, w mgnieniu oka?
Czy nauka jest zbyt łatwa czy trudna?
Czy skonfigurowałeś go bez korzystania z instrukcji lub przewodników?
Czy użytkownik może śledzić proces zakupu bez czytania strony FAQ, czy jest to zbyt skomplikowane?
Zamiast tego pomyśl o swoich użytkownikach, czy przyniesie im to korzyści?