Krótki przewodnik po edycji motywu BigCommerce

Opublikowany: 2021-01-08

Prawdopodobnie jesteś tutaj, ponieważ szukasz sposobów na aktualizację lub edycję motywu w swoim sklepie BigCommerce. Dobra wiadomość – jako jedna z najbardziej zaufanych i wydajnych platform eCommerce dla firm każdej wielkości, we wszystkich branżach, jest tam dużo pomocy. W tym artykule przyjrzymy się niektórym sposobom edytowania motywu witryny sklepowej BigCommerce.

Po pierwsze, jeśli szukasz informacji, dlaczego uaktualnienie motywu może być dobrym pomysłem, pamiętaj o następujących kwestiach:

  • Twój motyw ma ogromny wpływ na wrażenia użytkownika.
  • Motyw Twojego sklepu wpłynie na integralność Twojej marki.
  • Nowy motyw może pomóc w ulepszeniu funkcjonalności projektu sklepu.
  • Nowy motyw może zapewnić lepszy dostęp do nowych lub zaktualizowanych funkcji BigCommerce, takich jak wyszukiwanie aspektowe.
  • Możesz poprawić responsywny projekt swojej witryny dzięki aktualizacji motywu.

Mając to na uwadze, jeśli szukasz tylko krótkich wskazówek dotyczących wprowadzania zmian, jesteś we właściwym miejscu, więc zacznijmy.

1. Zaloguj się do swojego portalu BigCommerce.

Zaloguj się do swojego portalu BigCommerce za pomocą swoich danych logowania. Powinieneś zobaczyć coś w backendzie, co wygląda tak:

2. Kliknij „Witryna sklepowa”.

Kliknij „Sklep”, jak wskazuje czerwona strzałka na powyższym obrazku. To przeniesie Cię do nowego wyświetlacza i rozszerzy menu o elementy, które możesz zmienić w zapleczu swojego sklepu BigCommerce.

Jak widać, opcje się rozszerzą. Następnie będziesz chciał kliknąć „Moje motywy”, aby kontynuować, ale zanim to zrobisz, zanotuj kilka rzeczy. Jak wskazują czerwone pola po lewej stronie powyższego obrazu, w tym miejscu możesz również wprowadzać zmiany w innych ważnych aspektach swojego sklepu BigCommerce, takich jak blog lub skrypty. Ponadto możesz w tym portalu przesyłać motywy, ale pamiętaj, że jeśli prześlesz własny motyw, BigCommerce nie zapewni pomocy technicznej.

3. Wybierz „Przeglądaj motywy”.

Powyższy obraz jest wstawką; tutaj możesz zobaczyć, że możesz aktualizować bieżący motyw, a także dostosowywać. Jeśli chcesz zmienić swój motyw, kliknij „Przeglądaj motywy”, jak wskazuje czerwone pole.

To zabierze Cię do BigCommerce, gdzie będziesz mógł przeszukiwać całkiem pokaźną kolekcję darmowych i płatnych motywów. Możesz także sortować kolekcje pod kątem ich optymalizacji i rozmieszczenia, a także motywów popularnych w branży, co wskazują czerwone strzałki poniżej. Przejrzyj ich kolekcję i wybierz motyw, który najbardziej Ci się podoba (lub uważasz, że najbardziej spodoba się Twoim klientom). Po wybraniu motywu wrócisz do edycji lub dostosowywania go.

4. Alternatywnie możesz wybrać „dostosuj aktualizację”, aby edytować lub aktualizować motyw.

Załóżmy, że nie zmieniłeś motywu, ale utknąłeś przy motywie, który miałeś, którym w naszym przypadku jest „Cornerstone Light”. Będziesz chciał kliknąć „Dostosuj aktualizację”, którą możesz zobaczyć na środku ekranu drugiego obrazu w tym poście. To doprowadzi Cię do obrazu, który widzisz poniżej:

Na powyższym obrazku należy zwrócić uwagę na kilka rzeczy:

  • U góry strony możesz zobaczyć przełączniki „Projekt” i „Podgląd”. W trybie podglądu możesz zobaczyć, jak Twój sklep będzie wyglądał po wprowadzeniu i zapisaniu zmian za pomocą przycisku „Zapisz” w prawym górnym rogu obrazu.
  • U góry strony znajdują się również podglądy, jak Twój motyw będzie wyglądał na komputerach stacjonarnych, tabletach i urządzeniach mobilnych.
  • Po lewej stronie obrazu, w czerwonym polu, znajdują się trzy przełączniki dla „widżetów”, „warstw” i „style motywów”. zbadamy ich podstawową funkcjonalność w tym poście.

5. Edytuj, dostosuj lub dodaj widżety.

Najpierw przyjrzymy się, jak szybko edytować widżety, które możesz uwzględnić lub zmienić w swoim motywie BigCommerce. Załóżmy, że chcesz dodać karuzelę pod menu — interfejs BigCommerce sprawia, że ​​proces jest stosunkowo prosty. Po prostu kliknij „Karuzela” i przeciągnij ją i upuść w miejscu pod menu z napisem „Przeciągnij i upuść widżety tutaj”. Zobaczysz wtedy ten obraz:

Na szczęście interfejs BigCommerce jest prosty i łatwy w nawigacji. Po lewej stronie ekranu zobaczysz, że możesz wprowadzać zmiany w slajdach, obrazach tła, kolorach tekstu, linkach do rozmiarów czcionek i nie tylko, a wszystko to bez konieczności znajomości wiersza kodu.

Załóżmy teraz, że chcesz zobaczyć kilka odmian tego samego motywu. Po lewej stronie ekranu zobaczysz to:

6. Dostosuj dodatkowe funkcje wyświetlacza. (Style, nagłówki i stopki, strona główna i inne)

Kliknij małą paletę wskazaną czerwoną strzałką, a rozwiniesz menu opcji, pokazane na poniższym obrazku, w tym między innymi „Style”, „Globalny”, „Nagłówek i stopka” oraz „Strona główna”.

Ten obszar pozwala na dość szybkie i łatwe zmiany stylu motywu. Jak widać z dwóch powyższych opcji, wpłyną one na wizualną prezentację motywu. W przypadku tego konkretnego motywu dwie opcje to „Jasny” i „Pogrubiony”, które są pomniejszymi wariantami siebie. Jednak z punktu widzenia projektowania mogą wpływać na wygląd Twojej witryny, jej branding i ogólne wrażenia klientów.

  • Jak widać na powyższym obrazku, w tym obszarze edytora motywów możesz również wprowadzać stosunkowo szybkie i łatwe zmiany w produktach, stronie kasy, a nawet przyciskach płatności, a wszystko to bez konieczności uzyskiwania dostępu lub zmiany kodu.
  • W tym momencie możesz wprowadzić wiele zmian na wysokim poziomie w swoim sklepie BigCommerce, które są związane ze zmianą motywu lub zmian wizualnych motywu, takich jak tekst, kolorystyka, obrazy lub karuzele, a także inne funkcje jakościowe takie jak te opisane bezpośrednio powyżej.

Jednak pomimo tego, że BigCommerce ma przyjazny dla użytkownika portal administracyjny, który jest łatwy w nawigacji, nawet dla przedsiębiorców z branży eCommerce, którzy mają niewielkie doświadczenie w projektowaniu lub kodowaniu, uzyskanie dokładnego układu wizualnego, jaki przewidujesz dla swojego sklepu internetowego, może być bardziej czasochłonne. Ponadto wprowadzanie niestandardowych zmian, w tym tych, które dotyczą kodu, może wymagać specjalnych umiejętności, w przypadku których będziesz potrzebować pomocy profesjonalnych usług projektowania lub programowania stron internetowych BigCommerce.

Jeśli chcesz zobaczyć coś specjalnego ze swojego sklepu BigCommerce, ale nie masz pewności, jak wprowadzić zmiany, korzystając z sugestii lub wskazówek zawartych w tym artykule, skontaktuj się z naszymi programistami i projektantami BigCommerce już dziś. Niezależnie od tego, czy potrzebujesz przeprojektowania na pełną skalę, czy po prostu chcesz dowiedzieć się więcej o tym, co możemy zrobić dla Twojej firmy online, wszystko zaczyna się od telefonu do partnera BigCommerce – skontaktuj się z nami pod numerem 888-982-8269 następnym razem, gdy będziesz potrzebować pomocy .

Tagi: bigcommerce bigcommerce custom design bigcommerce development Digital Agency Partners how to